Table Des Matières
- 1 Google Maps API
- 2 Superpositions Google Maps
- 3 Google Maps – Événements
- 4 Google Maps – Contrôles
- 5 Google Maps – Types
- 6 Google Maps – Référence
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
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:
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 🙂
