Google API error Direction (not_found)

voix
1

J'ai une question concernant l'API Google avec Javascript Direction, je l'utilise pour la première fois.

Je suis un site de développer le covoiturage. Je veux créer une direction entre deux endroits que je me suis d'une entrée avec Google Autocomplete. J'ai réussi à obtenir mes deux LatLng coordonnées que je suis passé comme une chaîne à mettre dans les champs d'origine et de destination. Cependant, il fait écho à « rendre requête a échoué en raison de NOT_FOUND ». Quelqu'un pourrait-il me aider? Je vous remercie :)

HTML Les champs

<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);
            }
        }
    });
}
Créé 23/03/2018 à 18:23
source utilisateur
Dans d'autres langues...                            


1 réponses

Google API error Direction (not_found)

voix
1

J'ai une question concernant l'API Google avec Javascript Direction, je l'utilise pour la première fois.

Je suis un site de développer le covoiturage. Je veux créer une direction entre deux endroits que je me suis d'une entrée avec Google Autocomplete. J'ai réussi à obtenir mes deux LatLng coordonnées que je suis passé comme une chaîne à mettre dans les champs d'origine et de destination. Cependant, il fait écho à « rendre requête a échoué en raison de NOT_FOUND ». Quelqu'un pourrait-il me aider? Je vous remercie :)

HTML Les champs

<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);
            }
        }
    });
}
Créé 23/03/2018 à 18:23
source utilisateur

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