Maison >interface Web >tutoriel CSS >Comment redimensionner une carte Google après un chargement avec JavaScript ?

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

Linda Hamilton
Linda Hamiltonoriginal
2024-11-04 09:10:30616parcourir

How to Resize a Google Map After Loading with 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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn