Wie ändere ich die Größe einer Google Map nach dem Laden mit 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!