Le marqueur, crée via la classe google.maps.Marker, permet de géolocaliser un point particulier sur une carte.
Celui-ci est positionné sur la carte en utilisant ses coordonnées GPS (latitude, longitude) et la classe google.maps.LatLng.
Les marqueurs sont représentés à l'aide de deux images ( icône et ombre ) et sont personnalisables à l'aide d'un objet google.maps.MarkerOptions.
Enfin, les marqueurs sont interactifs. Ils peuvent être utilisés, via des observateurs d'événements, pour réagir à certaines actions et déclencher, par exemple, l'ouverture d'une google.maps.InfoWindow.
Centrer une carte sur un ou plusieurs marqueurs
26 Avril 2016
Ce tutoriel vous propose de centrer une carte sur un ensemble de marqueurs dont les coordonnées GPS sont dans un tableau.
Utilisation de la classe LatLngBounds, et des méthodes extend, fitBounds
Créer un marqueur fixe ou mobile en utilisant la propriété draggable
26 Avril 2016
Ce tutoriel vous explique comment utiliser la propriété draggable afin de rendre un marqueur marker mobile ou fixe.
draggable est un booléean : false ou true.
Vous verrez également comment utiliser les propriétés crossOnDrag et raiseOnDrag.
Centrer la carte sur le marqueur cliqué avec la méthode setCenter() ou panTo()
26 Avril 2016
Ce tutoriel vous explique comment centrer la carte sur le marqueur cliqué.
Deux exemples sont décrits. L'un, avec la méthode setCenter(), ou la carte se centre brutalement sur le marqueur.
Et l'autre, avec la méthode panTo(), ou la carte se centre, en glissant vers le marqueur liqué.
Afficher les coordonnées du marqueur en utilisant dragend ou position_changed
26 Avril 2016
Ce tutoriel vous décrit deux méthodes pour utiliser la propriété title afin d'afficher les coordonnées latitude, longitude d'un marqueur déplaçable.
La première méthode utilise l'événement dragend et la seconde l'événement position_changed
Créer un marqueur marker personnalisé sur carte
22 Avril 2016
Dans ce tutoriel, nous allons apprendre à personnaliser un marqueur sur une carte crée avec l'API Google Maps JavaScript version 3.
Le marqueur personnalisé est constitué de deux images : l'une pour le marqueur en lui-même, et l'autre pour son ombre.
Attention : Google semble vouloir supprimer l'ombre des marqueurs définitivement.
Comment créer et afficher un marqueur marker sur carte Google Maps ?
21 Avril 2016
Ce tutoriel vous explique comment afficher un marqueur marker sur une carte créée avec l'API Google Maps JavaScript version 3.
Le marker utilisé, est le marqueur par défaut de Google Maps (goutte d'eau inversée de couleur rouge).
Des exemples de codage utilisant différentes méthodes vous sont proposées : setOptions, setMap,setPosition, set, setValues.