How to make cross-domain AJAX calls to Google Maps API?

by

I can see no advantage in using the Server-side Geocoding Web Service when Google Maps provides a full featured Client-side Geocoding API for JavaScript.

First of all, this automatically solves your same-origin problem, and in addition the request limits would be calculated per client IP address instead of of per server IP address, which can make a huge difference for a popular site.

Here’s a very simple example using the 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>

If for some reason you still want to use the server-side web-service, you could set up a very simple reverse proxy, maybe using mod_proxy if you are using Apache. This would allow you to use relative paths for your AJAX requests, while the HTTP server would be acting as a proxy to any “remote” location.

The fundamental configuration directive to set up a reverse proxy in mod_proxy is the ProxyPass. You would typically use it as follows:

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

In this case, the browser could make a request to /geocode/output?parameters but the server would serve this by acting as a proxy to http://maps.google.com/maps/api/geocode/output?parameters.

More Related Contents:

  1. Verify if a point is Land or Water in Google Maps
  2. Google Maps v3 – limit viewable area and zoom level
  3. Using Address Instead Of Longitude And Latitude With Google Maps API
  4. Google maps API V3 – multiple markers on exact same spot
  5. Google Maps API v3: Can I setZoom after fitBounds?
  6. Error handling in getJSON calls
  7. Midpoint of route in google maps
  8. How can I create numbered map markers in Google Maps V3?
  9. Maximum Lat and Long bounds for the world – Google Maps API LatLngBounds()
  10. Display world map with no repeats
  11. Inconsistent behaviour drawing a route between two points in Google Maps v3
  12. Country specific zoom level in Google Maps API
  13. polyline snap to road using google maps api v3
  14. Multiple markers Google Map API v3 from array of addresses and avoid OVER_QUERY_LIMIT while geocoding on pageLoad
  15. Center Google Maps (V3) on browser resize (responsive)
  16. Google Maps Api v3 – getBounds is undefined
  17. Is there a way to Fix a Google Maps Marker to the Center of its Map always?
  18. How to detect if a point is in a Circle?
  19. Letting users draw curved lines on a google map?
  20. How to trigger the onclick event of a marker on a Google Maps V3?
  21. Google Maps: Auto close open InfoWindows?
  22. fitbounds() in Google maps api V3 does not fit bounds
  23. Determine if point is within bounding box
  24. Custom Google Map API V3 Zoom Buttons
  25. Add CSS styled marker to google maps
  26. Adding simple marker clusterer to google map
  27. Google map multiple overlay no cumulative opacity
  28. Google Directions Api returning 0 routes
  29. Change map opacity outside circle of Google Maps JavaScript API v3
  30. Google maps API V3 method fitBounds()

Leave a Comment