Google maps api et géolocalisation

le Jeu Juin 01, 2006 10:07

Bonjour,
J'ai un forum avec certaines informations sur le lieu de résidence de mes membres.
Je souhaiterai pour chaque membre, afficher un marqueur de sa géolocalisation sur une carte.
Quelqu'un à des pistes sur ce sujets ?
un exemple concret de ce que je souhaite réaliser
-http://placelibre.ath.cx/map.php

le Jeu Juin 01, 2006 10:16

ok j'ai trouvé.
Pour ceux que cela interesse
-http://www.xml.com/pub/a/2005/08/10/google-maps.html?page=1

le Jeu Juin 01, 2006 10:33

Résolu en dix minutes ...
Comme quoi il faut toujours chercher avant de poster.

le Jeu Juin 01, 2006 10:48

Voir mon www, le placement des marqueurs y est fait en Ajax.
Je peux te répondre sur des problèmes précis si tu en rencontres.
Deux liens très utiles :
* le forum de discussion :
-http://groups.google.com/group/Google-Maps-API
* la doc
-http://www.google.com/apis/maps/documentation/
-http://www.google.com/apis/maps/documentation/reference.html

Lionel

le Jeu Juin 01, 2006 10:51

le Jeu Juin 01, 2006 11:17

Petite ou grande explication.

1) il vous faut une clé pour l'api googlemaps
Une fois cette clé obtenue vous pourrez utiliser les services de Google Maps

2) Je vous donne mon exemple : Créer une carte en positionnant des marqueurs pour chaque membre de son forum. Les marqueurs contiendront des informations telles que son pseudo, sa date de naissance...

Voici le code source
Remplacer LACLEF par votre clef ;-)

Code: Tout sélectionner: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Google Maps JavaScript API Example</title> <script src="http://maps.google.com/maps?file=api&v=2&key=LACLEF" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); map.setCenter(new GLatLng(48.8569407746536, 2.34125843355591), 2); // Creates a marker at the given point with the given number label function createMarker(point, pseudo) { var marker = new GMarker(point); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("Marker #<b>" + pseudo + "</b>"); }); return marker; } // Pour rechercher la latitude et la longitude d'une ville // http://www.travelgis.com/geocode/Default.aspx GDownloadUrl("data.xml", function(data) { var xml = GXml.parse(data); var markers = xml.documentElement.getElementsByTagName("marker"); for (var i = 0; i < markers.length; i++) { var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng"))); var pseudo = markers[i].getAttribute("pseudo"); map.addOverlay(createMarker(point, pseudo)); } }); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 800px; height:500px;"></div> </body> </html>

Pour obtenir la lattitude et la longitude des villes j'utilise ce site Internet:
http://www.travelgis.com/geocode/Default.aspx
J'ai pu obtenir la géolocalisation de Paris
Lattitude : 48.8569407746536
Longitude : 2.34125843355591

Ce qui me permets de centrer ma carte

Code: Tout sélectionner: map.setCenter(new GLatLng(48.8569407746536, 2.34125843355591), 2);

Le 2 correspond au niveau de zoom (dans ce cas cela donne la carte du monde)

Function permettant de créer des marqueurs sur la carte. On y rajoute un écouteur d'événements en lui passant différents paramêtres. (Les parametres que vous souhaitez afficher sur vos membres)

Code: Tout sélectionner: function createMarker(point, pseudo) { var marker = new GMarker(point); GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml("Marker #<b>" + pseudo + "</b>"); }); return marker; }

Les parametres sont issus d'un fichier xml. voici sa forme :

Code: Tout sélectionner: <markers> <marker lat="48.8569407746536" lng="2.34125843355591" pseudo="narayana"/> ... ... </markers>

Vous pouvez rajouter autant d'informations que vous souhaitez à la suite du pseudo.

la fonction

Code: Tout sélectionner: GDownloadUrl("data.xml", function(data)

charge les données issues du fichier xml. On positionne les marqueurs et ses informations en listant tous les éléments du fichier xml comme suit:

Code: Tout sélectionner: var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),parseFloat(markers[i].getAttribute("lng"))); var pseudo = markers[i].getAttribute("pseudo"); map.addOverlay(createMarker(point, pseudo));

Voilà en gros comment cela fonctionne.
Pour plus d'infos les liens d'ltressens sont très bien.

le Jeu Juin 01, 2006 11:17

kazhar a écrit:Résolu en dix minutes ...
Comme quoi il faut toujours chercher avant de poster.

Comme quoi cela peut aider d'autres personnes

le Jeu Juin 01, 2006 11:29

le Jeu Juin 01, 2006 11:39

Pour connaitre la position GPS des communes de France :
-http://www.galichon.com/codesgeo/data/ville.zip

Lionel

le Jeu Juin 01, 2006 13:43

et y'a aussi possibilité de faire des trucs avec googleEarth (beaucoup plus interessant pour mon secteur, mais nécessite GoogleEarth sur son poste)
voir par exemle :
http://www.skitour.fr/maps/position.kml?r=16

le Jeu Juin 01, 2006 16:07

Une question maintenant que j'ai fini :
Il y a t-il possibilité d'enlever la popup d'avertissement d'arret de script ?
il y a t-il moyen de mettre en cache les resultats google pour une optimisation de l'affichage ?

le Jeu Juin 01, 2006 16:47

narayana a écrit:Une question maintenant que j'ai fini :
Il y a t-il possibilité d'enlever la popup d'avertissement d'arret de script ?

j'ai pas ça moi :?:

le Dim Juin 04, 2006 12:54

Merci naryana pour l'exemple

Sinon je peux pas ouvrir ton fichier ltressens, il est trop gros pour Open Office

Peux tu me le transmettre en CSV ou me donner le formatage du fichiaer pour j'essaie de l'importer sous phpMyAdmin ?

Merci

le Dim Juin 04, 2006 13:31

ltressens a écrit:Pour connaitre la position GPS des communes de France :
-http://www.galichon.com/codesgeo/data/ville.zip

Lionel

Quel est le droit d'utilisation de ces données ?

le Dim Juin 04, 2006 13:43

Google maps api et géolocalisation

Google maps api et géolocalisation

Formation recommandée sur ce thème :

Lectures recommandées sur ce thème :

Qui est en ligne