Discussion :

[LeJocker]

Bonjour,
j'ai un petit souci sur Google Map Api Autocomplete.

Sur le site que je développe, j'invite l'utilisateur à saisir une adresse (rue, ou ville, ou region, ...etc... enfin tout ce que google map accepte).

J'ai donc le bout de code suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
$(document).ready(function () {
		var input = document.getElementById('localisation');
		autocomplete = new google.maps.places.Autocomplete(input, {
			types: ["geocode"]
		});
 
		google.maps.event.addListener(autocomplete, 'place_changed', function () {
			var place = autocomplete.getPlace();
		});
	});

J'aimerai que lorsque l'utilisateur valide mon formulaire je puisse récupérer tout ce qui est dans l'objet place. Ca ressemble à ca :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
_xdc_._d7u4v9 && _xdc_._d7u4v9( {
   "debug_info" : [],
   "html_attributions" : [],
   "result" : {
      "address_components" : [
         {
            "long_name" : "Marseille",
            "short_name" : "Marseille",
            "types" : [ "locality", "political" ]
         },
        .........
      ],
      "adr_address" : "\u003cspan class=\"locality\"\u003eMarseille\u003c/span\u003e, \u003cspan class=\"country-name\"\u003eFrance\u003c/span\u003e",
      "formatted_address" : "Marseille, France",
      "geometry" : {
         "location" : {
            "lat" : 43.296482,
            "lng" : 5.36978
         },
         "viewport" : {
            "northeast" : {
               "lat" : 43.3911601,
               "lng" : 5.5323519
            },
            "southwest" : {
               "lat" : 43.169621,
               "lng" : 5.277926100000001
            }
         }
      },
      "icon" : "http://maps.gstatic.com/mapfiles/place_api/icons/geocode-71.png",
      "id" : "81b21dfe9e517b7e70d018a5961cf96079b5e202",
      "name" : "Marseille",
      "reference" : "CnRwAAAAxmSX3Rqsc3ajBcJ1nr3Nos1Dreezcs2oZ_Sed7PenjXeehA8GnE8H09DTz9ac-A7AV6p8uVJ8EaYxfPZLkc5afx5CIWy0Np2WdxBgxg3nFwrPNymDbFXTyh5ak_fhf9ujKQF6P2cSMVohodx4xaRwRIQTgstDC_gTdVXlmAbs-0I0hoUhABvDYbkakLfMa_vpm9GmwdhbjA",
      "types" : [ "locality", "political" ],
      "url" : "https://maps.google.com/maps/place?q=Marseille&ftid=0x12c9bf4344da5333:0x40819a5fd970220",
      "vicinity" : "Marseille"
   },
   "status" : "OK"
}
 )

J'ai bien essayé de faire un JSON.stringify mais certaine info changent de nom : geometry.location.lat et geometry.location.lng sont renommées geometry.location.nb et geometry.location.ob .... entre autre.
D'après mes recherches il ne faut pas que je m'appuie sur le nb et le ob qui sont changés régulièrement.

Comment passer au save de mon formulaire l'ensemble du json receptionné par l'api google sans qu'il y aie ces changements?

Merci

[NoSmoking]

Bonjour,

D'après mes recherches il ne faut pas que je m'appuie sur le nb et le ob qui sont changés régulièrement.

Il est fortement recommandé de n'utiliser que les méthodes et références documentés c'est un gage de pérénité.
Place Details Requests
Place Autocomplete Requests

[LeJocker]

Je sais bien... c'est pour ca que j'aurai aimé une méthode propre pour sauver l'ensemble de l'objet avec des bonnes clés pour le json.

Je vais préciser mon besoin : http://jsfiddle.net/LeJocker/UWFht/

L'idée est de sélectionner un lieu.
Lorsque je vois le retour de l'api via firebug (c'est en json), j'ai un truc qui ressemble à ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
_xdc_._nqb7vz && _xdc_._nqb7vz( {
   "debug_info" : [],
   "html_attributions" : [],
   "result" : {
      "address_components" : [
         {
            "long_name" : "Marseille",
            "short_name" : "Marseille",
            "types" : [ "locality", "political" ]
         },
         ...........
      ],
      "adr_address" : "\u003cspan class=\"locality\"\u003eMarseille\u003c/span\u003e, \u003cspan class=\"country-name\"\u003eFrance\u003c/span\u003e",
      "formatted_address" : "Marseille, France",
      "geometry" : {
         "location" : {
            "lat" : 43.296482,
            "lng" : 5.36978
         },
         "viewport" : {
           ..........
         }
      },
      "icon" : "http://maps.gstatic.com/mapfiles/place_api/icons/geocode-71.png",
      "id" : "81b21dfe9e517b7e70d018a5961cf96079b5e202",
      "name" : "Marseille",
      "reference" : "CnRwAAAAqvUuxe9XaG2HC1kyIgOMh-XJICf2317Ohy-S9f-J0urJDM37kyx9O_C-aWC4vZJSW8ckT4li7ZffIZzn8wVzUrFmzyN537IHSm4b2eXa5tJ_3dzFkH4CJkZbdkVqQa8ndBoj8sdzxJ5_eRHhsAauyRIQKKYe2Dn993dVtaroGrgEahoUVzOXU7OT44VQ4g4SqhZfX4n4_Fg",
      "types" : [ "locality", "political" ],
      "url" : "https://maps.google.com/maps/place?q=Marseille&ftid=0x12c9bf4344da5333:0x40819a5fd970220",
      "vicinity" : "Marseille"
   },
   "status" : "OK"
}
 )

On y voit bien le geometry.location.lat et lng ... or dans le lien jsfiddle plus haut, on s’aperçoit que la structure a changé et qu'on a donc le nb et le ob à la place.

Moi j'aimerai donc avoir un json tout beau avec geometry.location.lat et lng.... à mettre dans mon champ json (de type textarea) pour pouvoir le soumettre... et que mon php dispache les infos du json dans ma BDD.

[NoSmoking]

...de n'utiliser que les méthodes et références documentés

tu récupéres un objet qui a ses propres méthodes pour la récupération des ses données, il te faut donc les utiliser.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('#json').val(  'latitude  : '+ place.geometry.location.lat() +
               '\nlongitude : '+ place.geometry.location.lng());

ou encore un simple

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#json').val(place.geometry.location); // donne (valeur_latitude ,valeur_longitude)