You are here: Yannick LE GUERN – Créateur de vos envies numériques » Javascript » Utilisation de l’API Google map

Utilisation de l’API Google map

Cet exemple montre comment se servir de manière simple de l’API Google map pour faire de la géolocalisation. C’est du javascript on ne peut plus simpliste car tout le travail est mâché par Google. Vous en doutez ? Voici la marche à suivre :

Insérer une ligne de code pour ajouter le javascript de Google map :

<script src= »http://maps.google.com/maps?file=api&v=2&key=LA_CLE_FOURNIE_PAR_GOOGLE » type= »text/javascript »></script>

Prenez soin de vous créer une clé google map API et de remplacer le mot-clé LA_CLE_FOURNIE_PAR_GOOGLE par cette clé. Vous pouvez en générer une ici.

Ensuite il vous faudra créer l’emplacement pour recevoir la carte avec sa largeur et hauteur dans le paramètre de style :

<center><div id= »map » style= »width: 800px; height: 600px; position: relative; background-color: rgb(229, 227, 223); « ></div> </center>

Puis créer une fonction d’initialisation et le tour est joué  :

<script type= »text/javascript »>
function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById(« map »));
map.addControl(new GOverviewMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl3D());
var geocoder = new GClientGeocoder();
if (geocoder) {
geocoder.getLatLng(« France »,function(point) {
if (!point) {
alert(« France not found »);
}
else {
map.setCenter(point, 5);
}
});
}
}
}
window.onload=function(){ initialize();}
</script>
A utiliser sans modération…


Options :
Rechercher sur la carte :
Ajouter un tag :
Texte du tag :

top
No Responses to “Utilisation de l’API Google map”

Leave a Reply