Google Direction API hiba (NOT_FOUND)

szavazat
1

Van egy kérdés Google API irány a Javascript, én használ ez az első alkalom.

Én fejlesztésére a telekocsi honlapján. Szeretnék létrehozni egy irányban két helyen, hogy kaptam egy bemeneti Google automatikus kiegészítés. Azt már sikerült a két LatLng koordináták hogy telt el, mint egy húr, hogy a származási és a rendeltetési területeken. Azonban ez visszhangzik „Útvonal lekérése miatt nem sikerült NOT_FOUND”. Tudna valaki segíteni? Köszönöm :)

HTML Fields

<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);
            }
        }
    });
}
A kérdést 23/03/2018 18:23
a forrás felhasználó
Más nyelveken...                            


1 válasz

Google Direction API hiba (NOT_FOUND)

szavazat
1

Van egy kérdés Google API irány a Javascript, én használ ez az első alkalom.

Én fejlesztésére a telekocsi honlapján. Szeretnék létrehozni egy irányban két helyen, hogy kaptam egy bemeneti Google automatikus kiegészítés. Azt már sikerült a két LatLng koordináták hogy telt el, mint egy húr, hogy a származási és a rendeltetési területeken. Azonban ez visszhangzik „Útvonal lekérése miatt nem sikerült NOT_FOUND”. Tudna valaki segíteni? Köszönöm :)

HTML Fields

<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);
            }
        }
    });
}
Válaszolt 23/03/2018 18:23
a forrás felhasználó

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more