Marqueur Marker Google Maps API V3 exemples et tutoriels

API Google Maps JavaScript version 3

Cartographie et webmapping

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.

Créer un marqueur marker personnalisé sur carte

22 Avril 2016

Marqueur personnalisé

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

Placer un marqueur

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.