Section courante

A propos

Section administrative du site

GMap2 : addOverlay

Ajout d'un recouvrement
JavaScript Google Maps JavaScript API : Version 2

Syntaxe

addOverlay(overlay:GOverlay)

Paramètres

Nom Description
overlay Ce paramètre permet d'indiquer un recouvrement.

Description

Cette méthode permet d'ajouter le recouvrement de la carte et déclenche l'événement addoverlay.

Remarque

Exemples

Voici un exemple montrant comment afficher la carte de Montréal si vous changer la clef (key) pour une obtenu par Google :

  1. <html>
  2. <head>
  3. <script src="http://maps.google.com/maps?file=api&v=2&key=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX" 
  4.  
  5. type="text/javascript"></script>
  6. </head>
  7. <body>
  8. <div id="macarte" style="width: 750px; height: 300px;float:left;"></div>
  9. <script type="text/javascript">
  10. function createMarker(point, texteToDisplay) {
  11.  var marker = new GMarker(point);
  12.  GEvent.addListener(marker, 'click', function() { marker.openInfoWindowHtml(texteToDisplay); } );
  13.  return marker;
  14. }
  15.  
  16. var map = new GMap2(document.getElementById('macarte'));
  17. map.setCenter(new GLatLng(45.57752, -73.74496), 11);
  18.  
  19. var latlng_P0 = new GLatLng( 45.52234, -73.80045);
  20. marker = createMarker(latlng_P0, "Emplacement (45.52234, -73.80045)");
  21. map.addOverlay(marker);
  22.  
  23. var latlng_P2 = new GLatLng( 45.62103, -73.64950);
  24. marker = createMarker(latlng_P2, "Emplacement (45.62103, -73.64950)");
  25. map.addOverlay(marker);
  26.  
  27. var latlng_P3 = new GLatLng( 45.53699, -73.87771);
  28. marker = createMarker(latlng_P3, "Emplacement (45.53699, -73.87771)");
  29. map.addOverlay(marker);
  30. </script>
  31. </body>
  32. </html>

on obtiendra le résultat suivant :

Voir également

Articles - Les géants de l'informatique - Google

Dernière mise à jour : Samedi, le 6 octobre 2012