Table Des Matières

Google Maps API


L’API Google Maps vous permet d’afficher les cartes géolocalisation sur votre site Web. Une API (interface de programmation des applications) est un ensemble de méthodes et d’outils qui peuvent être utilisés pour la construction d’applications logicielles.

Créer Une Carte Google Basique  En HTML

See the Pen My First Google Map by Med Mus (@MedMus) on CodePen.

Maintenant on vas descrire l’exemple ci-dessus, étape par étape.

Le conteneur et la taille de la carte

Google maps a besoin d’un élément HTML pour contenir la carte:

<div id= »googleMap » style= »width:100%;height:400px »></div>
Définissez aussi la taille de la carte.

Créer une fonction pour définir les propriétés de la carte

function myMap() {
var mapProp= {center:new
google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
};
var map=new google.maps.Map(document.getElementById(« googleMap »),mapProp);
}
La variable mapProp définit les propriétés de la carte.
La propriété center spécifie où centrer la carte (en utilisant les coordonnées de latitude et de longitude).
La propriété zoom spécifie le niveau de zoom pour la carte (essayez d’expérimenter le niveau de zoom).
La ligne:
var map=new google.maps.Map(document.getElementById(« googleMap »), mapProp);
crée une nouvelle carte dans l’élément <div> avec id = « google Map », en utilisant les paramètres passés (mapProp).

Plusieurs cartes

L’exemple ci-dessous définit quatre cartes avec différents types de cartes:

See the Pen Plusieurs cartes by Med Mus (@MedMus) on CodePen.

La Clé Google API Gratuite

Google permet à un site Web d’appeler n’importe quelle API Google gratuite, des milliers de fois par jour. Aller à Google Maps API pour obtenir une clé API gratuite.

Google Maps s’attend à trouver la clé API dans le paramètre clé lors du chargement d’une API:

<script src= »https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap »></script>

Superpositions Google Maps


Google Maps – superpositions

Les superpositions sont des objets sur la carte liés aux coordonnées latitude / longitude. Google Maps comporte plusieurs types de superpositions:

  • Marqueur – Emplacements individuels sur une carte. Les marqueurs peuvent également afficher des images d’icônes personnalisées
  • Polyline – Série de lignes droites sur une carte
  • Polygone – Série de lignes droites sur une carte, dont la forme est « fermée »
  • Cercle et rectangle
  • Info Windows – Affiche le contenu dans un ballon popup en haut de la carte
  • Superpositions personnalisées

Google Maps – Ajouter un marqueur

Le constructeur Marker crée un marqueur. (Notez que la propriété de position doit être définie pour que le marqueur s’affiche).

Ajoutez le marqueur à la carte en utilisant la méthode setMap ():

var marker = new google.maps.Marker({position: myCenter});

See the Pen Google Maps – Ajouter un marqueur by Med Mus (@MedMus) on CodePen.

Google Maps – Animer le marqueur

L’exemple ci-dessous montre comment animer le marqueur avec la propriété animation:

var
 marker = new google.maps.Marker({
  position:myCenter,
  animation:google.maps.Animation.BOUNCE
});
marker.setMap(map);

See the Pen Google Maps – Animer le marqueur by Med Mus (@MedMus) on CodePen.

Google Maps – icône au lieu de marqueur

L’exemple ci-dessous spécifie une image (icône) à utiliser au lieu du repère par défaut:

var marker=new google.maps.Marker({
  position:myCenter,
  icon:‘pinkball.png’
});
marker.setMap(map);

See the Pen Google Maps – icône au lieu de marqueur by Med Mus (@MedMus) on CodePen.

Google Maps – Polyligne

Une polyligne est une ligne qui est dessinée à travers une série de coordonnées dans une séquence ordonnée.

Une polyligne prend en charge les propriétés suivantes:

  • path (chemin) – spécifie plusieurs coordonnées latitude / longitude pour la ligne
  • strokeColor: spécifie une couleur hexadécimale pour la ligne (format: « #FFFFFF »)
  • strokeOpacity – spécifie l’opacité de la ligne (une valeur entre 0.0 et 1.0)
  • strokeWeight – spécifie le poids du trait de ligne en pixels
  • editable – définit si la ligne est modifiable par les utilisateurs (vrai / faux)

var myTrip = [stavanger,amsterdam,london];
var flightPath = new google.maps.Polyline({
  path:myTrip,
  strokeColor:« #0000FF »,
  strokeOpacity:0.8,
  strokeWeight:2
});

See the Pen Google Maps – Polyligne by Med Mus (@MedMus) on CodePen.


Google Maps – Polygone

Un polygone est similaire à une polyligne en ce qu’il consiste en une série de coordonnées dans une séquence ordonnée. Cependant, les polygones sont conçus pour définir des régions en boucle fermée.

Les polygones sont composés de lignes droites, dont la forme est « fermée » (toutes les lignes se connectent).

Un polygone prend en charge les propriétés suivantes:

  • path – spécifie plusieurs coordonnées LatLng pour la ligne (la première et la dernière coordonnées sont égales)
  • strokeColor: spécifie une couleur hexadécimale pour la ligne (format: « #FFFFFF »)
  • strokeOpacity – spécifie l’opacité de la ligne (une valeur entre 0.0 et 1.0)
  • strokeWeight – spécifie le poids du trait de la ligne en pixels
  • fillColor – spécifie une couleur hexadécimale pour la zone située dans la région fermée (format: « #FFFFFF »)
  • fillOpacity – spécifie l’opacité de la couleur de remplissage (une valeur entre 0.0 et 1.0)
  • editable – définit si la ligne est modifiable par les utilisateurs (vrai / faux)

var myTrip = [stavanger,amsterdam,london,stavanger];
var flightPath = new google.maps.Polygon({
  path:myTrip,
  strokeColor:« #0000FF »,
  strokeOpacity:0.8,
  strokeWeight:2,
  fillColor:« #0000FF »,
  fillOpacity:0.4
});

See the Pen Google Maps – Polygone by Med Mus (@MedMus) on CodePen.

Google Maps – Cercle

Un cercle prend en charge les propriétés suivantes:

  • center – spécifie google.maps.LatLng (Latitude/Longitude) du centre du cercle
  • radius – spécifie le rayon du cercle, en mètres
  • strokeColor – spécifie une couleur hexadécimale pour la ligne autour du cercle (format: « #FFFFFF »)
  • strokeOpacity – spécifie l’opacité de la couleur du trait (une valeur entre 0.0 et 1.0)
  • strokeWeight – spécifie le poids du trait de la ligne en pixels
  • fillColor – spécifie une couleur hexadécimale pour la zone dans le cercle (format: « #FFFFFF »)
  • fillOpacity – spécifie l’opacité de la couleur de remplissage (une valeur entre 0.0 et 1.0)
  • editable – définit si le cercle est éditable par les utilisateurs (vrai / faux)

var myCity = new google.maps.Circle({
  center:amsterdam,
  radius:20000,
  strokeColor:« #0000FF »,
  strokeOpacity:0.8,
  strokeWeight:2,
  fillColor:« #0000FF »,
  fillOpacity:0.4
});

See the Pen Google Maps – Cercle by Med Mus (@MedMus) on CodePen.

Google Maps – Fenêtre d’informations

Afficher une fenêtre d’informations (InfoWindow) avec du contenu de texte pour un marqueur:

var infowindow = new google.maps.InfoWindow({
content:
« Hello World! »
});
infowindow.open(map,marker);

See the Pen Google Maps – Fenêtre d’informations by Med Mus (@MedMus) on CodePen.

Google Maps – Événements


Cliquez sur Le marqueur pour zoomer

Nous utilisons toujours la carte centrée sur Londres, en Angleterre. Maintenant, nous voulons zoomer lorsqu’un utilisateur clique sur le marqueur (Nous joignons un gestionnaire d’événements à un marqueur qui zoom sur la carte en cliquant). Voici le code ajouté:


// Zoom to 9 when clicking on marker
google.maps.event.addListener(marker,‘click’,function() {
  map.setZoom(9);
map.setCenter(marker.getPosition());
  });

See the Pen Click The Marker to Zoom by Med Mus (@MedMus) on CodePen.

Nous nous inscrivons aux notifications d’événements en utilisant le gestionnaire d’événements addListener (). Cette méthode prend un objet, un événement à écouter et une fonction à appeler lorsque l’événement spécifié se produit.

Revenir vers le marqueur

Ici, nous sauvegardons les modifications de zoom et parcourons la carte après 3 secondes:

google.maps.event.addListener(marker,‘click’,function() {
  var pos = map.getZoom();
map.setZoom(9);
map.setCenter(marker.getPosition());

window.setTimeout(function() {map.setZoom(pos);},3000);
});

See the Pen Pan Back to Marker by Med Mus (@MedMus) on CodePen.

Ouvrir une fenêtre d’informations lorsqu’on clique sur le marqueur

Cliquez sur le marqueur pour afficher une fenêtre d’informations textuelles


var infowindow = new google.maps.InfoWindow({
content:
« Hello World! »
  });
google.maps.event.addListener(marker, ‘click’, function() {
infowindow.open(map,marker);
});

See the Pen Ouvrir une fenêtre d’informations by Med Mus (@MedMus) on CodePen.

Définir les marqueurs et ouvrir une fenêtre d’informations pour chacun d’eux

Exécutez une fonction lorsque l’utilisateur clique sur la carte.

La fonction placeMarker () place un marqueur sur lequel l’utilisateur a cliqué, et montre une fenêtre d’informations avec les latitudes et longitudes du marqueur:


google.maps.event.addListener(map, ‘click’, function(event) {
placeMarker(map, event.latLng);
});

function placeMarker(map, location) {
  var marker = new google.maps.Marker({
position: location,
map: map
});

  var infowindow = new google.maps.InfoWindow({
content:
‘Latitude: ‘ + location.lat() +
    ‘<br>Longitude: ‘ + location.lng()
});
infowindow.open(map,marker);
}

See the Pen Définir les marqueurs by Med Mus (@MedMus) on CodePen.


Google Maps – Contrôles


Google Maps – Les contrôles par défaut

 

 

Map Data
Map data ©2017 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional, Mapa GISrael, ORION-ME
Map DataMap data ©2017 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional, Mapa GISrael, ORION-ME
Map data ©2017 GeoBasis-DE/BKG (©2009), Google, Inst. Geogr. Nacional, Mapa GISrael, ORION-ME
Map

 

Satellite

 


Lorsqu’elle s’affiche, une carte Google standard, est livré avec le jeu de contrôle par défaut:

  • Zoom: affiche un curseur ou des boutons « +/- » pour contrôler le niveau de zoom de la carte
  • Pan: affiche un contrôle panoramique pour parcourir la carte
  • MapType: permet à l’utilisateur de basculer entre les types de carte (carte de route et carte satellite)
  • Street View: affiche une icône Pegman qui peut être déplacée vers la carte pour permettre la vue sur la rue

Google Maps – Plus de contrôles

En plus des contrôles par défaut, Google Maps dispose également de:

  • Scale: affiche l’élément échelle de la carte
  • Rotation: affiche une petite icône circulaire qui vous permet de faire pivoter les cartes
  • Overview Map: affiche une carte d’aperçu de la miniature reflétant la fenêtre de carte actuelle dans une zone plus large

Vous pouvez spécifier les contrôles à afficher lors de la création de la carte (à l’intérieur de MapOptions) ou en appelant setOptions () pour modifier les options de la carte.

Google Maps – Désactiver les contrôles par défaut

Vous pouvez souhaitez désactivez les contrôles par défaut, pour ce faire, définissez la propriété disableDefaultUI de la carte (dans l’objet Options de la carte) sur true:


var mapOptions {disableDefaultUI: true}

See the Pen Désactiver les contrôles par défaut by Med Mus (@MedMus) on CodePen.


Google Maps – Activez tous les contrôles

Certains contrôles apparaissent sur la carte par défaut; tandis que d’autres n’apparaissent que si vous les définissez. Ajouter ou supprimer des contrôles de la carte est spécifié dans l’objet Options de la carte. Réglez le contrôle sur true pour le rendre visible – Configurez le contrôle sur false pour le masquer. L’exemple suivant active « on » tous les contrôles:


var mapOptions {   
panControl: true,   
zoomControl: true,
   
mapTypeControl: true,   
scaleControl: true,   
streetViewControl: true,   
overviewMapControl: true,  
rotateControl: true
}

See the Pen Activez tous les contrôles by Med Mus (@MedMus) on CodePen.


Google Maps – Modifier les contrôles

Plusieurs contrôles de la carte sont configurables. Les contrôles peuvent être modifiés en spécifiant les champs d’options de contrôle. Par exemple, les options de modification d’un contrôle Zoom sont spécifiées dans le champ zoomControlOptions. Le champ zoomControlOptions peut contenir:

  • google.maps.ZoomControlStyle.SMALL – affiche un contrôle mini-zoom (uniquement les boutons + et -)
  • google.maps.ZoomControlStyle.LARGE – affiche le contrôle du curseur de zoom standard
  • google.maps.ZoomControlStyle.DEFAULT – choisit le meilleur contrôle de zoom en fonction de la taille du périphérique et de la carte

zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL

}

See the Pen Modifier Les Contrôles by Med Mus (@MedMus) on CodePen.

Remarque: Si vous modifiez un contrôle, activez toujours le contrôle (réglez le sur « true »)

Un autre contrôle configurable est le contrôle MapType. Les options de modification d’un contrôle sont spécifiées dans le champ mapTypeControlOptions. Le champ MapTypeControlOptions peut contenir:

  • google.maps.MapTypeControlStyle.HORIZONTAL_BAR – affiche un bouton pour chaque type de carte
  • google.maps.MapTypeControlStyle.DROPDOWN_MENU – sélectionnez le type de carte via un menu déroulant
  • google.maps.MapTypeControlStyle.DEFAULT – affiche le comportement « par défaut » (dépend de la taille de l’écran)

mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DROPDOWN_MENU

}

See the Pen Modifier Les Contrôleurs (é) by Med Mus (@MedMus) on CodePen.


Vous pouvez également positionner un contrôle, avec la propriété ControlPosition:


mapTypeControl: true,
mapTypeControlOptions: {
    style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
    position: google.maps.ControlPosition.TOP_CENTER

}

See the Pen Modifiers Les Contrôles (3) by Med Mus (@MedMus) on CodePen.


Google Maps – Types


Une carte Google du type HYBRID:

 

 

Map Data
Map data ©2017 GeoBasis-DE/BKG (©2009), Google Imagery ©2017 TerraMetrics
Map DataMap data ©2017 GeoBasis-DE/BKG (©2009), Google Imagery ©2017 TerraMetrics
Map data ©2017 GeoBasis-DE/BKG (©2009), Google Imagery ©2017 TerraMetrics
Map

 

Satellite

 


Google Maps – Types de cartes de base

Les types de cartes suivants sont pris en charge dans l’API Google Maps:

  • ROADMAP —Carte de route (carte normal 2D par défaut)
  • SATELLITE (carte photographique)
  • HYBRID (carte photographique + routes et noms de villes)
  • TERRAIN (carte avec montagnes, rivières, etc.)

Le type de carte est spécifié dans l’objet Propriétés de la carte, avec la propriété mapTypeId:


var mapOptions = {
center:
new google.maps.LatLng(51.508742,-0.120850),
  zoom:7,
mapTypeId: google.maps.MapTypeId.HYBRID
};

Ou en appelant la méthode setMapTypeId () de la carte:

map.setMapTypeId(google.maps.MapTypeId.HYBRID);

Google Maps – 45 ° Vue en perspective

Les types de carte SATELLITE et HYBRID supportent une vue d’image de perspective à 45 ° pour certains emplacements (uniquement à des niveaux de zoom élevés).

Si vous agrandissez un emplacement avec une vue d’image de 45 °, la carte modifiera automatiquement la vue en perspective. En outre, la carte ajoutera:

  • Une boussole autour du contrôle Pan, vous permettant de faire pivoter l’image
  • Un contrôle rotatoire entre les commandes Pan et Zoom, vous permettant de faire pivoter l’image à 90 °
  • Une commande à bascule pour afficher la vue en perspective de 45 °, sous le contrôle satellite/label

Remarque: Zoomer à partir d’une carte avec une image de 45 ° renverra chacun de ces changements, et la carte d’origine s’affiche.

L’exemple suivant montre une vue en perspective de 45 ° du Palazzo Ducale à Venise, en Italie:


var mapOptions = {
center:myCenter,
zoom:
18,
mapTypeId:google.maps.MapTypeId.HYBRID
};

See the Pen vue en perspective de 45 ° du Palazzo Ducale à Venise, en Italie by Med Mus (@MedMus) on CodePen.

Google Maps – Désactiver la vue en perspective 45° – setTilt(0)

Vous pouvez désactiver la vue en perspective de 45 ° en appelant setTilt (0) sur l’objet Map:


map.setTilt(0);

See the Pen Désactiver la vue en perspective 45° by Med Mus (@MedMus) on CodePen.

Astuce: Pour activer la vue en perspective à 45 °, appelez setTilt (45).

Google Maps – Référence


Le Constructeur de Map ()

Créer une carte Google:


var map = new google.maps.Map(mapCanvas, mapOptions);

See the Pen Le Constructeur de Map () by Med Mus (@MedMus) on CodePen.

Définition et utilisation

Le constructeur Map () crée une nouvelle carte dans un élément HTML spécifié (généralement un élément <div>).

Syntaxe

new google.maps.Map(HTMLElement,MapOptions)

Paramètre Valeurs

Paramètre Description
HTMLElement Spécifie dans quel élément HTML on met la carte
MapOptions l’objet MapOptions qui détient les variables / options d’initialisation de la carte

Google Maps – Méthodes

Méhode Valeur de retour Description
fitBounds(LatLngBounds) Aucune Définit la fenêtre pour contenir les bornes détérminées
getBounds() LatLng,LatLng Renvoie la latitude / longitude sud-ouest et la latitude / longitude nord-est de la fenêtre actuelle
getCenter() LatLng Renvoie la lat / lng du centre de la carte
getDiv() Node Renvoie un objet DOM contenant la carte
getHeading() nombre Renvoie le cap de la boussole pour les images aériennes  (pour les types de carte SATELLITE et HYBRID)
getMapTypeId() HYBRID
ROADMAP
SATELLITE
TERRAIN
Renvoie le type de carte actuel
getProjection() Projection Renvoie la projection actuelle
getStreetView() StreetViewPanorama (affichage Panorama des routes) Renvoie l’affichage Panorama des routes par défaut lié à la carte
getTilt() nombre Renvoie l’angle d’incidence pour les images aériennes en degrés (pour les types de cartes SATELLITE et HYBRID)
getZoom() nombre Renvoie le niveau de zoom actuel de la carte
panBy(xnumber,ynumber) Aucune Change le centre de la carte par la distance donnée en pixels
panTo(LatLng) Aucune Modifie le centre de la carte vers la latLng donné
panToBounds(LatLngBounds) Aucune Recadre la carte par la quantité minimum nécessaire pour contenir les LatLngBounds (les limites de la LatLng) spécifiées
setCenter(LatLng) Aucune Définit la LatLng du centre de la carte
setHeading(number) Aucune Définit le cap de la boussole pour les images aériennes mesurées en degrés depuis la direction cardinale Nord
setMapTypeId(MapTypeId) Aucune Définit le type de carte à afficher
setOptions(MapOptions) Aucune
setStreetView(StreetViewPanorama) Aucune Lie un StreetViewPanorama (affichage Panorama des routes) à la carte
setTilt(number) Aucune Définit l’angle d’incidence pour les images aériennes en degrés (pour les types de cartes SATELLITE et HYBRID)
setZoom(number) Aucune Définit le niveau de zoom de la carte

Map () – Propriétés

Propriété Type Description
controls Array.<MVCArray.<Node>> Contrôles supplémentaires à joindre à la carte
mapTypes MapTypeRegistry Un registre des instances de MapType par ID de string
overlayMapTypes MVCArray.<MapType> Types de cartes supplémentaires à superposer

Map () – Événements

Événement

Arguments Description
bounds_changed Aucun Activé lorsque les limites de la fenêtre sont changées
center_changed Aucun Activé lorsque la propriété du centre de carte change
click MouseEvent (Événement de la Souris) Activé lorsque l’utilisateur clique sur la carte
dblclick MouseEvent Activé lorsque l’utilisateur double-clique sur la carte
drag Aucun Activé à plusieurs reprises pendant que l’utilisateur fait glisser la carte
dragend Aucun Activé lorsque l’utilisateur arrête de faire glisser la carte
dragstart Aucun Activé lorsque l’utilisateur commence à faire glisser la carte
heading_changed Aucun Activé lorsque la propriété de l’en-tête (heading) de la carte change
idle Aucun Activé lorsque la carte devient inactif après panorama ou zoom
maptypeid_changed Aucun Activé lorsque la propriété mapTypeId change
mousemove MouseEvent Activé chaque fois que la souris de l’utilisateur se déplace sur le conteneur de carte
mouseout MouseEvent Activé lorsque la souris de l’utilisateur sort du conteneur de carte
mouseover MouseEvent Activé lorsque la souris de l’utilisateur entre dans le conteneur de carte
projection_changed Aucun Activé lorsque la projection change
resize Aucun Activé lorsque la carte (div) change de taille
rightclick MouseEvent Activé lorsque l’utilisateur clique droit sur la carte
tilesloaded Aucun Activé lorsque les carreaux visibles finissent de se charger
tilt_changed Aucun Activé lorsque la propriété Map tilt change
zoom_changed Aucun Activé lorsque la propriété map zoom change

Superpositions

Constructeur/Objet Description
Marker (Marqueur) Crée un marqueur. (Notez que la position doit être définie pour que le marqueur s’affiche)
MarkerOptions (Les options du Marqueur) Options pour rendre le marqueur
MarkerImage (Image du Marqueur) La structure qui représente l’icône du marqueur ou l’image de son ombre
MarkerShape (La forme du Marqueur) Définit la forme du marqueur à utiliser dans la détermination de la région cliquable d’un marqueur (type et coord)
Animation Spécifie les animations pouvant être lues sur un marqueur (rebondissement ou baisse)
InfoWindow (Fenêtre d’informations) Crée une fenêtre d’informations textuelle
InfoWindowOptions (Options de la Fenêtre d’informations) Options pour rendre la fenêtre d’informations
Polyline (Polyligne) Crée une polyligne (contient des styles de trajectoire et de routes)
PolylineOptions (Options de Polyligne) Options pour rendre la polyligne
Polygon (polygone) Crée un polygone (contient des chemins et des traits + styles de remplissage)
PolygonOptions (Options de polygone) Options pour rendre le polygone
Rectangle Crée un rectangle (contient des limites et des traits + styles de remplissage)
RectangleOptions ( Options de Rectangle) Options pour rendre le rectangle
Circle (Cercle) Crée un cercle (contient centre + rayon et trait + styles de remplissage)
CircleOptions Options du Cercle) Options pour rendre le cercle
GroundOverlay  – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
GroundOverlayOptions  – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
OverlayView  – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
MapPanes  – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
MapCanvasProjection  – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

 

Événements

Constructeur/Objet Description
MapsEventListener Aucune méthode et aucun constructeur. Ses instances sont retournées à partir de addListener (), addDomListener () et sont finalement transmises à removeListener ()
event (événement) Ajoute / Supprime / déclenche les auditeurs d’événements
MouseEvent (événements de la souris) Retourné depuis différents événements de la souris sur la carte et les superpositions

Contrôles

Constructeur/Objet Description
MapTypeControlOptions Possède des options pour modifier un contrôle (position et style)
MapTypeControlStyle Spécifie le type de contrôle de carte à afficher (menu déroulant ou boutons)
OverviewMapControlOptions Options pour le rendu du contrôle de la carte globale (ouverte ou effondrée)
PanControlOptions Options pour le rendu de la commande panoramique (position)
RotateControlOptions Options pour le rendu de la commande de rotation (position)
ScaleControlOptions Options pour le rendu de la commande d’échelle (position et style)
ScaleControlStyle Spécifie le type de contrôle d’échelle à afficher
StreetViewControlOptions Options pour le rendu du Controle pegman de la vue de la rue (position)
ZoomControlOptions Options pour le rendu de la commande de zoom (position et style)
ZoomControlStyle Spécifie le type de contrôle de zoom à afficher (grand ou petit)
ControlPosition Spécifie le placement des contrôles sur la carte

 

Enfin j’espère que ce guide vous serez utile et apporte une valeur ajoutée à vos connaissance en matière de programmation et développement des sites. N’hésitez surout pas à me laisser un commentaire si vous avez des questions ou si vous voulez faire des suggéstions. Vous êtes toujours les bienvenu(e)s. Merci pour la lecture et au prochain article 🙂

LAISSER UN COMMENTAIRE

Please enter your comment!
Please enter your name here

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.