L’URL d’origine n’est pas autorisé par Access-Control-Allow-Origin avec l’API Google Direction.

Je sais que cette question a déjà été posée et a déjà reçu une réponse, mais cela ne m’a pas aidé.

Voici mon code jQuery:

var gmapsurl = 'http://maps.googleapis.com/maps/api/distancemasortingx/json?'+ 'origins='+addr_origin+ '&destinations='+addr_destination+ '&mode=driving&language=hu&units=mesortingc'+ '&key='+mykey+ '&sensor=false'; $.getJSON(gmapsurl, function(data) { alert( 'OK' ); }); 

Maintenant, je reçois Origin (my site url) is not allowed by Access-Control-Allow-Origin. message d’erreur dans le navigateur. Mais si j’écris cette URL directement dans le navigateur, j’obtiens une structure JSON.

Comment puis-je réparer cela?

Vous devez utiliser l’API Google Maps pour le géocodage:

 var geocoder = new google.maps.Geocoder(); var geocoderRequest = { address: "MountainView, CA" }; geocoder.geocode(geocoderRequest, function(results, status){ //do your result related activities here, maybe push the coordinates to the backend for later use, etc. }); 

Au lieu d’appeler le service via JSON. Bien entendu, vous devriez inclure ceci dans vos scripts pour utiliser l’API Google Maps: