JavaScript ile Google API Yönü ilişkin bir soru, ben ilk defa kullanıyorum var.
Bir otomobil paylaşmayı web sitesi developping ediyorum. Ben Google Otomatik Tamamlama kullanarak bir girişten var iki yer arasında bir yön oluşturmak istiyorum. Benim iki EnlBoy ben kökeni ve hedef alanlarını koymak için bir dize olarak geçti koordinatlarını almak başardınız. o yankıları Ancak Yol yüzünden NOT_FOUND için isteği başarısız. Herkes bana yardımcı olabilir mi? Teşekkür ederim :)
HTML Alanları
<input type=text name=departure id=autocomplete_address>
<input type=button id=departure_check value=Add this departure>
<input type=text name=arrival id=autocomplete_address2>
<input type=button id=arrival_check value=Add this destination >
JavaScript:
var latorigine;
var latdestination;
function initMap() {
var geocoder = new google.maps.Geocoder;
var directionsService = new google.maps.DirectionsService;
var directionsDisplay = new google.maps.DirectionsRenderer;
map = new google.maps.Map(document.getElementById('searchmap'), {
center: {lat: 50.437616, lng: 2.809546},
zoom: 15
});
directionsDisplay.setMap(map);
//AUTOCOMPLETE
var departure_input =(document.getElementById('autocomplete_address'));
var arrival_input =(document.getElementById('autocomplete_address2'));
var options = {
types: ['address'],
componentRestrictions: {country: fr}
}
var departure_autocomplete = new
google.maps.places.Autocomplete(departure_input,options);
var arrival_autocomplete = new
google.maps.places.Autocomplete(arrival_input,options);
document.getElementById('departure_check').addEventListener('click', function(latorigine) {
var departure_place = departure_autocomplete.getPlace();
latorigine = ' '+ departure_place.geometry.location.lat() + , + departure_place.geometry.location.lng()+ ' ';
console.log(latorigine);
});
document.getElementById('arrival_check').addEventListener('click', function(latdestination) {
var arrival_place = arrival_autocomplete.getPlace();
latdestination = ' ' +arrival_place.geometry.location.lat() + , + arrival_place.geometry.location.lng()+ ' ';
console.log(latdestination);
});
}
//END INITMAP
function trajectdirection(directionsService, directionsDisplay,latorigine, latdestination) {
directionsService.route({
origin: latorigine.toString(),
destination: latdestination.toString(),
travelMode: 'DRIVING'
}, function(response, status) {
if (status === 'OK') {
directionsDisplay.setDirections(response);
} else {
window.alert('Directions request failed due to ' + status);
}
}
});
}













