Skip to content

Instantly share code, notes, and snippets.

@timothylhuillier
Created July 28, 2013 17:31
Show Gist options
  • Save timothylhuillier/6099382 to your computer and use it in GitHub Desktop.
Save timothylhuillier/6099382 to your computer and use it in GitHub Desktop.
Gestion de l'autocomplète de google maps (ancienne méthode utilisé dans geoloc_adresse.js)
// Système d'autocomplete
$(function() {
$("#address").autocomplete({
// 3 lettres minimums avant que l'autocomplete s'enclenche
minLength: 3,
source: function(request, response) {
// Nous récupérons l'adresse et recupérons ce qu'on à besoin
geocoder.geocode( {'address': request.term }, function(results, status) {
// Response : jquery ui
response($.map(results, function(item) {
console.log(item);
// Nous retournons la liste avec leur coordonées GPS
return {
label: item.formatted_address,
value: item.formatted_address,
latitude: item.geometry.location.lat(),
longitude: item.geometry.location.lng()
}
}));
})
},
// Une fois que nous avons séléctionné une adresse
select: function(event, ui) {
// Nous modifions la valeur des 2 inputs
$("#lat").val(ui.item.latitude).innerHTML;
$("#lng").val(ui.item.longitude).innerHTML;
// Séléctionne seulement la latitude et longitude du résultat
var location = new google.maps.LatLng(ui.item.latitude, ui.item.longitude);
// ajoute un marqueur avec sa lat et lng
marker.setPosition(location);
//centre la carte sur le point 'location' donné
map.setCenter(location);
// zom modifié à 14 qui est un zoom assez proche
map.setZoom(14);
}
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment