|
Pour utiliser l'API Google Maps, il vous faut obtenir une clef d'utilisation
* Pour l'utilisation du service API ajax qui intègre l'API Google Maps ici
Aller à l'adresse http://code.google.com/intl/fr/apis/ajaxsearch/signup.html
Renseignez l'url du site sur lequel vous souhaitez utiliser l'API et il faut également être au courant des termes d'utilisation. Attention, il faut disposer d'un compte chez Google comme une adresse Gmail ou tout autre service permettant de s'indentifier.
Vous recevrez instantanément une clef d'utilisation que vous devrez inclure dans l'entête de chaque page utilisant ces services.
A l'intérieur des balises Head de votre page HTML insérer ce code.
<script type="text/javascript" src="http://www.google.com/jsapi?key=ABCDEFG"></script>
Ce code pour exploiter la partie Google Maps de l'API. "2" indique la version à utiliser.
<script type="text/javascript">
google.load("maps", "2");
</script>
Puis la création de la carte
<script type="text/javascript">
google.load("maps", "2.x");
// Call this function when the page has been loaded
function initialize() {
var map = new google.maps.Map2(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(37.4419, -122.1419), 13);
}
google.setOnLoadCallback(initialize);
</script>
Ajouter le code suivant pour éviter les fuites en mémoire particulièrement sur internet explorer.
<body onunload="GUnload()">
Et enfin l'appel dans la page ou l'on peut préciser la taille d'affichage de cette dernière
<div id="map_canvas" style="width: 500px; height: 300px"></div>
Avec ces informations nous sommes en mesure de créer une simple carte. |
Google Maps 
