Contrôle Control Google Maps API V3 exemples et tutoriels

API Google Maps JavaScript version 3

Cartographie et webmapping

Partager ce tutoriel sur les réseaux sociaux
Signaler une erreur dans cet article

Les cartes Google Maps disposent de boutons, encore appelés contrôles, permettant à l'utilisateur d'interagir avec la carte (déplacement, zoom, échelle).

Ces contrôles peuvent être ajoutés, supprimés, déplacés à l'aide de l'objet google.maps.MapOptions et de la classe google.maps.ControlPosition.

L'API Google Maps version 3 propose plusieurs types de contrôles que vous pouvez facilement intégrer dans votre carte :

L'aspect visuel de ces contrôles varie en fonction de la taille de la carte (grande, petite, IPhone, Android).

Il est également possible de créer et d'ajouter des contrôles personnalisés.

Afficher ou masquer le bouton street view

13 Mai 2016

Controle Street View

Le bouton Street View se présente sous la forme d'un petit bonhomme orange nommé Pegman. Il permet de visualiser sur 360° les environs immédiats d'un point particulier.

Dans ce tutoriel vous allez découvrir comment ajouter ou supprimer ce controle Street View d'une carte Google.

Pour cela il faut utiliser la propriété streetViewControl de l'objet google.maps.MapOptions

Afficher ou masquer le bouton imagerie 45°

13 Mai 2016

Controle Imagerie 45°

Le bouton Imagerie 45° se présente sous la forme d'une petite boussole avec une flèche circulaire à l'intérieur. Il permet de visualiser des images aérienne haute définition prises à 45° dans les 4 directions cardinales.

Dans ce tutoriel vous allez découvrir comment ajouter ou supprimer ce controle Imagerie 45° d'une carte Google.

Pour cela il faut utiliser la propriété rotateControl de l'objet google.maps.MapOptions