Heim >Web-Frontend >CSS-Tutorial >Wie ändere ich die Größe einer Google Map nach dem Laden mit JavaScript?

Wie ändere ich die Größe einer Google Map nach dem Laden mit JavaScript?

Linda Hamilton
Linda HamiltonOriginal
2024-11-04 09:10:30655Durchsuche

How to Resize a Google Map After Loading with JavaScript?

Größe einer Google Map nach dem Laden mit JavaScript ändern

Die Größe einer Google Map nach dem Laden so ändern, dass sie in einen größeren Container passt, kann mit a erreicht werden einfacher Auslöser. In Google Maps v3 wird das Größenänderungsereignis anders ausgelöst:

google.maps.event.trigger(map, "resize");

Weitere Informationen zum Größenänderungsereignis finden Sie in der Google Maps API-Dokumentation.

Aktualisierung:

Betrachten Sie als praktisches Beispiel den folgenden Codeausschnitt mit jQuery:

$(function() {
  var mapOptions = {
    zoom: 8,
    center: new google.maps.LatLng(-34.397, 150.644)
  };
  var map = new google.maps.Map($("#map-canvas")[0], mapOptions);

  // Listen for window resize event and trigger map resize
  $(window).resize(function() {
    google.maps.event.trigger(map, "resize");
  });
});

Das obige ist der detaillierte Inhalt vonWie ändere ich die Größe einer Google Map nach dem Laden mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn