Qu'est-ce que Google Maps ?
Google Maps est une API Google
Google Fonts est une API Google
Google Charts est une API Google
Découvrez comment ajouter Google Maps à votre page Web.
Ma première carte Google
Commencez avec une simple page Web.
Ajoutez un élément <div> à l'endroit où vous souhaitez afficher la carte et définissez la taille de la carte :
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Google Map</h1>
<div id="map" style="width:100%;height:400px;">My map will go here</div>
</body>
<html>
Ajoutez une fonction JavaScript pour afficher la carte :
Exemple
function myMap() {
var mapCanvas =
document.getElementById("map");
var mapOptions = {
center: new google.maps.LatLng(51.5, -0.2),
zoom:
10
};
var map = new google.maps.Map(mapCanvas,
mapOptions);
}
La variable mapCanvas est l'élément HTML de la carte.
La variable mapOptions 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 de la carte (essayez d'expérimenter avec le niveau de zoom).
L' objet google.maps.Map est créé avec mapCanvas et mapOptions comme paramètres.
Ajoutez enfin l'API Google
La fonctionnalité de la carte est fournie par une bibliothèque JavaScript située chez Google :
Exemple
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
Tutoriel Google Maps
En savoir plus sur Google Maps dans notre didacticiel Google Maps .