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 :
- MapTypeControlStyle,
- overviewMapControl,
- panControl,
- rotateControl,
- scaleControl,
- streetViewControl,
- zoomControl.
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.
Autoriser ou interdire le zoom via la roulette de souris
15 Mai 2016
Le scrollwheel permet de zoomer en avant ou en arrière sur la carte, en utilisant la roulette de votre souris.
Dans ce tutoriel vous allez découvrir comment activer ou désactiver le zoom à l'aide de la molette de la souris.
Pour cela il faut utiliser la propriété scrollwheel de l'objet google.maps.MapOptions
Afficher ou masquer le bouton pour afficher une carte en plein écran
15 Mai 2016
Afficher ou masquer le bouton pour afficher une carte en plein écran.
Afficher ou masquer le bouton type de carte
14 Mai 2016
Le bouton Type de Carte affiché par défaut en haut à droite de la carte, permet de modifier le type de carte.
Dans ce tutoriel vous allez découvrir comment ajouter ou supprimer ce controle Type de Carte d'une carte Google.
Pour cela il faut utiliser la propriété mapTypeControl de l'objet google.maps.MapOptions
Activer désactiver le contrôle de la carte par clavier
14 Mai 2016
Le keyboardShortcuts permet de controler la carte (zoom et déplacement), à l'aide des touches de votre clavier.
Dans ce tutoriel vous allez découvrir comment activer ou désactiver le contrôle de la carte à l'aide de votre clavier.
Pour cela il faut utiliser la propriété keyboardShortcuts de l'objet google.maps.MapOptions
Afficher ou masquer le bouton pour zoomer
13 Mai 2016
Il est possible d'ajouter ou de supprimer certains boutons ou contrôles sur une carte Google.
Dans cet exemple vous verrez comment afficher ou masquer le controle permettant de zoomer sur la carte.
Pour cela il faut utiliser la propriété zoomControl de l'objet google.maps.MapOptions
Afficher ou masquer le bouton street view
13 Mai 2016
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 échelle
13 Mai 2016
Le bouton Echelle permet d'afficher l'échelle de la carte en bas à droite de celle-ci, par défaut.
Dans ce tutoriel vous allez découvrir comment ajouter ou supprimer ce controle Echelle d'une carte Google.
Pour cela il faut utiliser la propriété scaleControl de l'objet google.maps.MapOptions
Afficher ou masquer le bouton imagerie 45°
13 Mai 2016
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