Google Richting API fout (NOT_FOUND)

stemmen
1

Ik heb een vraag over de Google API Richting met Javascript, ik gebruik het voor de eerste keer.

Ik ben het ontwikkelen van een carpooling website. Ik wil een richting tussen twee plaatsen die ik kreeg van een ingang met behulp van Google Autocomplete te maken. Ik ben erin geslaagd om mijn twee lengte- en breedtegraad coördinaten dat ik doorgegeven als een string in de herkomst en de bestemming velden te zetten. Maar het echo's Wegen verzoek is mislukt als gevolg van NOT_FOUND. Kan iemand me helpen? Dank je :)

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);
            }
        }
    });
}
De vraag is gesteld op 23/03/2018 om 18:23
bron van user
In andere talen...                            


1 antwoorden

Google Richting API fout (NOT_FOUND)

stemmen
1

Ik heb een vraag over de Google API Richting met Javascript, ik gebruik het voor de eerste keer.

Ik ben het ontwikkelen van een carpooling website. Ik wil een richting tussen twee plaatsen die ik kreeg van een ingang met behulp van Google Autocomplete te maken. Ik ben erin geslaagd om mijn twee lengte- en breedtegraad coördinaten dat ik doorgegeven als een string in de herkomst en de bestemming velden te zetten. Maar het echo's "Wegen verzoek is mislukt als gevolg van NOT_FOUND". Kan iemand me helpen? Dank je :)

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);
            }
        }
    });
}
antwoordde op 23/03/2018 om 18:23
bron van user

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