Save autocomplete JSON

Version imprimable

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:

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:

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

28/09/2013, 14h59
NoSmoking

Bonjour,

Citation:

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é.
:fleche: Place Details Requests
:fleche: Place Autocomplete Requests

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:

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.

28/09/2013, 16h27
NoSmoking
Citation:

...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:

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

Code:

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