Google Map : Marqueur déplaçable et récupération coordonnées GPS dans MySQL

Ca m'intéresse également.
L'affichage de la carte, je devrais m'en sortir, mais la détermination des coordonnées, je ne comprends pas

 

J'ai un script (récupéré sur WRI) qui place les coordonnées dans le presse papier.
Si ça peut aider.
A priori, le plus dur doit être fait, l'insertion SQL ne devant pas être compliqué.

 

Plus simple encore, en partant de l'exemple. Si on observe la fonction afficheCoordonnees(point), celle-ci prend en paramètre le marqueur, qui est un object constitué au moins de deux choses, sa latitude point.lat() et sa longitude point.lng().

Pas très compliqué donc, à ce niveau, d'envoyer ses deux infos à un script ajax qui sauverait en base de données ces deux informations.

 

En fait je ne pense pas qu'il y ait besoin d'avoir recours à un bouquin pour comprendre le principe de la communication asynchrone.

Comme je l'ai dit dans mon précédent billet, l'objet point, qui est transmis à afficheCoordonnees() contient les infos qu'on cherche à enregistrer en base de données.

On va également supposer qu'on utilise la librairie js prototype, ce qui va permettre de simplifier les appels (notamment leur portabilité).

On part de la fonction principale

Code:

function geocodeAdresse(addresse) {
	if (geoCodeur) {
		geoCodeur.getLatLng(
			addresse,
			function(point) {
				if (!point) {
					alert("Impossible de géolocaliser cette adresse" + addresse);
				} else {
					maCarte.addControl(new google.maps.LargeMapControl());
					maCarte.addControl(new google.maps.MapTypeControl());
					maCarte.addControl(new google.maps.OverviewMapControl());
					maCarte.addControl(new google.maps.ScaleControl());
					marker = new google.maps.Marker(point, {draggable: true});
					google.maps.Event.addListener(marker, 'dragstart', function() {
						maCarte.closeInfoWindow();
					});
					google.maps.Event.addListener(marker, 'dragend', function(point) {
						centreCarte();
					});
					google.maps.Event.addListener(marker, "drag", function(point) {
						afficheCoordonnees(point);
					});
					maCarte.clearOverlays();
					maCarte.addOverlay(marker);
					maCarte.setCenter(point, 15);
					afficheCoordonnees(point);

                                        //appel Ajax pour enregistrement des coordonnées en base
                                        //on passe au script PHP register.php la latitude et la longitude
                                        var urlCoords =  "http://<?php echo $_SERVER['SERVER_NAME'']; ?>register.php?latitude='+point.lat()+'&longitude='+point.long();
    var reqCoords = new Ajax.Request(urlCoords, {
        method: 'get',
        onSuccess: function(transport) {
        }
    });	

				}
			}
		);
	}
}

Et dans register.php, tu récupère donc les donnés latitude et longitude :

Code:

if (isset($_GET['latitude']) && is_numeric($_GET['latitude']))
{
     $latitude = $_GET['latitude'];
}
if (isset($_GET['longitude']) && is_numeric($_GET['longitude']))
{
     $longitude = $_GET['longitude'];
}
if (isset($longitude) && isset($latitude))
{
     $sql = "INSERT INTO table (latitude, longitude) VALUES (".$latitude.",".$longitude.")";
     $res = mysql_query($sql);
}

Bien sûr tu auras sans doute besoin de sauver d'autres infos en base avec la latitude et longitude, de manière à identifier a qui sont associées ces coordonnées. Il suffira juste de passer également ces données au script register.php.

Il faut également penser à rendre accessible, dans register.php, la connexion au serveur mysql.

 

Le tuto de touraineverte que tu nous montre est toujours avec l'API Google Maps v2 qui est dépréciée, c'est dommage de faire du nouveau avec une API dépréciée.
Voici un tuto bcp plus simple que touraineverte pour l'API v3 et avec auto-complétion:
http://tech.cibul.org/geocode-with-google-maps-api-v3/

Edit: exemples réalisés (champ lieu):
-http://iziads.be/fr/annonces/form
-http://eaupotable.info/fr/posts/form

 

J'ai réussi (http://chti.sportif.free.fr/formulaire/ajout.php) grâce au code fourni ici :

http://www.4live.fr/2010/02/09/api-google-map-etape-3-%E2%80%93-stocka ... de-points/
http://tech.cibul.org/geocode-with-google-maps-api-v3/