Am o întrebare cu privire la Direcția API Google cu Javascript, eu o folosesc pentru prima dată.
Sunt un site web carpooling dezvoltarea de. Vreau să creeze o direcție între două locuri pe care le-am primit de la o intrare utilizând Google Completare automată. Am reușit să-mi iau două LatLng coordonatele pe care am trecut ca un șir de caractere pentru a pune în origine și destinație câmpurile. Cu toate acestea ecouri „Indicații de orientare solicitare a eșuat din cauza NOT_FOUND“. Ar putea cineva să mă ajute? Mulțumesc :)
HTML Domenii
<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);
}
}
});
}













