Comment redimensionner une carte Google après un chargement avec JavaScript ?

Redimensionner une carte Google Map après son chargement avec JavaScript

Le redimensionnement d'une carte Google Map pour l'adapter à un conteneur plus grand après son chargement peut être réalisé avec un simple déclencheur. Dans Google Maps v3, l'événement de redimensionnement est déclenché différemment :

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

Reportez-vous à la documentation de l'API Google Maps pour plus d'informations sur l'événement de redimensionnement.

Mise à jour :

Pour un exemple pratique, considérons l'extrait de code suivant utilisant 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");
  });
});

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!