Un marqueur est une icône de punaise que Google Maps affiche sur le dessus d'un emplacement spécifique. Par défaut , lorsque vous cliquez sur un marqueur , Google Maps ouvre une petite fenêtre d'information. Par exemple, une carte de l'état de New York montre un marqueur push-pin sur Albany. Lorsque vous cliquez sur le marqueur , une fenêtre apparaît indiquant que Albany est la capitale de New York. Dans Google Maps votre code JavaScript , vous pouvez modifier l'apparence et les actions de la marque en utilisant le constructeur de google.maps.Marker . Instructions
1
Ouvrez votre fichier HTML et déplacer à votre code Google Maps.
2
Créer un marqueur de baisse d'animation qui tombe sur une carte et rebondit sur un emplacement en tapant:
marqueur de
= new google.maps.Marker ({ carte: carte , animation : la position google.maps.Animation.DROP : CityExample });
google.maps.event . addListener ( marqueur , 'click', toggleBounce ) ; marker.setAnimation ( google.maps , Animation.BOUNCE );}
3
modifier l'icône du marqueur à une image en définissant l'image fichier comme marqueur dans les options de la carte . Par exemple , ajouter:
var photo = ' monumentPhoto.jpg '; var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) ; var monumentMarker = new.google.maps.Marker ( {position: exLatLng , carte: carte , icône : image} ) ;
4
créer un marqueur déplaçable en ajoutant la méthode déplaçable au constructeur de Marker . Reprenons l'exemple de l'étape 3, ajouter la méthode à la variable monumentMarker
var photo = ' monumentPhoto.jpg '; . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ) ; var = new monumentMarker . google.maps.Marker ( {position: exLatLng , déplaçable : true , carte: carte , icône : image} ) ;