Bonjour à tous,
J'ai mis en place dans un formulaire un champ ville ou j'utilise l'autocomplete de Google. Ce qui me permet de récupérer le code postal la region et le département lorsque un utilisateur saisi sa ville.
Jusqu'à maintenant tout fonctionnait parfaitement et je me suis apperçu que depuis peu je n'ai plus de code postal en BDD.
Après vérification le code postal n'est plus présent dans l'objet récupéré par l'api.
Je précise que je n'ai pas touché à ce code entre temps.
Voici mon code js :
Et voici l'objet récupéré :
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
43
44
45 function initAutocomplete() { // Create the autocomplete object, restricting the search to geographical // location types. autocomplete = new google.maps.places.Autocomplete( /** @type {!HTMLInputElement} */(document.getElementById('userbundle_user_ville')), {types: ['geocode']}); // When the user selects an address from the dropdown, populate the address // fields in the form. autocomplete.addListener('place_changed', fillInAddress); } function fillInAddress() { // Get the place details from the autocomplete object. var place = autocomplete.getPlace(); console.log(place); var codePostal = place.address_components[1]['short_name']; var ville = place.address_components[0]['long_name']; var departement = place.address_components[1]['long_name']; var region = place.address_components[2]['long_name']; //alert(codePostal + departement + ville + region); $('#userbundle_user_codePostal').val(codePostal); $('#userbundle_user_region').val(region); $('#fuserbundle_user_ville').val(ville); $('#userbundle_user_departement').val(departement); } // Bias the autocomplete object to the user's geographical location, // as supplied by the browser's 'navigator.geolocation' object. function geolocate() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var geolocation = new google.maps.LatLng( position.coords.latitude, position.coords.longitude); var circle = new google.maps.Circle({ center: geolocation, radius: position.coords.accuracy }); autocomplete.setBounds(circle.getBounds()); }); } } initAutocomplete();
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 [Object { long_name="Paris", short_name="Paris", types=[2]}, Object { long_name="Paris", short_name="Paris", types=[2]}, Object { long_name="Île-de-France", short_name="IDF", types=[2]}, Object { long_name="France", short_name="FR", types=[2]}] 0 Object { long_name="Paris", short_name="Paris", types=[2]} 1 Object { long_name="Paris", short_name="Paris", types=[2]} 2 Object { long_name="Île-de-France", short_name="IDF", types=[2]} 3 Object { long_name="France", short_name="FR", types=[2]}
Partager