Wie können domainübergreifende AJAX-Aufrufe für Google Maps API durchgeführt werden?

Question

Ich versuche eine jQuery $.getJSON Aufruf an die Google Maps Geocoding webservice, aber dies funktioniert nicht wegen der domänenübergreifenden Sicherheitsprobleme.

Ich habe nicht in der Lage gewesen, es herauszufinden, online, aber ich habe ein wenig über Google Javascript API oder JSONP lesen, aber bisher keine klare Antwort ...

jemand könnte mich erleuchten?

Danke!

Answer 1

Ich sehe keinen Vorteil in der Verwendung der Server-side Geocoding Web Service, wenn Google Maps bietet eine voll ausgestattete Client-side Geocoding API für JavaScript.

Zunächst löst dies automatisch Ihr Problem mit demselben Ursprung, und zusätzlich werden die Anforderungslimits pro Client-IP-Adresse anstatt pro Server-IP-Adresse berechnet, was für eine beliebte Site einen großen Unterschied machen kann.

Hier ist ein sehr einfaches Beispiel das JavaScript Geocoding API v3:

<script src="http://maps.google.com/maps/api/js?sensor=false"></script> 

<script type="text/javascript">  
    var geocoder = new google.maps.Geocoder(); 
    var address = 'London, UK'; 

    if (geocoder) { 
     geocoder.geocode({ 'address': address }, function (results, status) { 
     if (status == google.maps.GeocoderStatus.OK) { 
      console.log(results[0].geometry.location); 
     } 
     else { 
      console.log("Geocoding failed: " + status); 
     } 
     }); 
    }  
</script> 

Wenn aus irgendeinem Grund immer noch Sie die serverseitige Web-Service nutzen möchten, können Sie eine sehr einfache reverse proxy einrichten, vielleicht Verwenden Sie mod_proxy, wenn Sie Apache verwenden. Auf diese Weise können Sie relative Pfade für Ihre AJAX-Anforderungen verwenden, während der HTTP-Server als Proxy für jeden "Remote" -Ordner fungiert.

Die grundlegende Konfigurationsanweisung zum Einrichten eines Reverse-Proxy in mod_proxy ist der ProxyPass. Sie würden es in der Regel wie folgt verwenden:

ProxyPass  /geocode/  http://maps.google.com/maps/api/geocode/ 

In diesem Fall wird der Browser eine Anfrage an /geocode/output?parameters machen könnte, aber der Server würde dies dienen, indem sie als Proxy http://maps.google.com/maps/api/geocode/output?parameters handeln.