error de la dirección de la API de Google (NOT_FOUND)

votos
1

Tengo una pregunta relativa a la Dirección de la API de Google con Javascript, yo estoy usando por primera vez.

Estoy desarrollando un sitio web de uso compartido del coche. Quiero crear una dirección entre dos lugares que obtuve de una entrada usando Google Autocompletar. Me las he arreglado para conseguir mis dos LatLng coordenadas que pasé como una cadena para poner en los campos de origen y destino. Sin embargo, se hace eco de llegar La petición ha fallado debido a NOT_FOUND. ¿Alguien podría ayudarme? Gracias :)

Los campos HTML

<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);
            }
        }
    });
}
Publicado el 23/03/2018 a las 15:23
fuente por usuario
En otros idiomas...                            


1 respuestas

error de la dirección de la API de Google (NOT_FOUND)

votos
1

Tengo una pregunta relativa a la Dirección de la API de Google con Javascript, yo estoy usando por primera vez.

Estoy desarrollando un sitio web de uso compartido del coche. Quiero crear una dirección entre dos lugares que obtuve de una entrada usando Google Autocompletar. Me las he arreglado para conseguir mis dos LatLng coordenadas que pasé como una cadena para poner en los campos de origen y destino. Sin embargo, se hace eco de "llegar La petición ha fallado debido a NOT_FOUND". ¿Alguien podría ayudarme? Gracias :)

Los campos HTML

<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);
            }
        }
    });
}
Respondida el 23/03/2018 a las 15:23
fuente por usuario

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