Mi problema es que estoy usando la API de google maps directions y uso axios para hacer la solicitud, pero cuando ejecuto el codigo me dice que no le estoy pasando el parametro origin pero si se lo estoy pasando, ya lo intente con pasarle el parametro desde un principio en el objeto params pero nada, ya use la url con https y solo con http, estoy haciendo mis pruebas en un localhost. al final pondre el error que me sale.
function directions(origen, destino){
axios.get('http://maps.googleapis.com/maps/api/directions/json?',{
params:{
origin:origen,
destination:destino,
key:'mi clave ;)'
}
})
.then(function(response){
console.log(response)
})
.catch(function(error){
console.log('Ha problemas willies');
})
}
directions("ecatepec","CDMX")
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
Failed to load http://maps.googleapis.com/maps/api/directions/json?&origin=ecatepec&destination=CDMX&key=AIzaSyDmlJky0d55y9q9i7XY9oyIvxJoYfUv5_I: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed
function directions(origen, destino){ axios.get('http://maps.googleapis.com/maps/api/directions/json?',{ headers: { 'Access-Control-Allow-Origin': '*', }, params:{ origin:origen, destination:destino, key:'AIzaSyDmlJky0d55y9q9i7XY9oyIvxJoYfUv5_I' } })
De esta forma @shadow paz? si si es asi, igual me arroja error