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 46 47 48 49 50 51
|
var componentForm = {
route: 'long_name',
postal_code: 'short_name',
locality: 'long_name',
};
//autocomplete address interest point
var input_interest_point = document.getElementById("autocomplete_interest_point");
var autocomplete_interest_point = new google.maps.places.Autocomplete(input_interest_point, options);
autocomplete_interest_point.bindTo('bounds', googleMap);
// Autocomplete address intererest point form
google.maps.event.addListener(autocomplete_interest_point, 'place_changed', function()
{
var place = autocomplete_interest_point.getPlace();
latitude = place.geometry.location.lat();
longitude = place.geometry.location.lng();
document.getElementById('latitude').value = latitude;
document.getElementById('longitude').value = longitude;
for (var component in componentForm) {
document.getElementById(component).value = '';
document.getElementById(component).disabled = false;
}
for (var i = 0; i < place.address_components.length; i++) {
var addressType = place.address_components[i].types[0];
if (componentForm[addressType]) {
var val = place.address_components[i][componentForm[addressType]];
document.getElementById(addressType).value = val;
}
}
var myLatlng = {lat: latitude, lng: longitude};
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 16,
center: myLatlng
});
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
});
}); |
Partager