ansaurus

Question

Google maps json geocoding, no response in browser

Answer 1

+2 A:

It looks like you may be getting blocked by the Same Origin Policy.

You are trying to use the Server-side Geocoding Web Service when Google Maps provides a full featured Client-side Geocoding API for JavaScript. There is also a v2 version, but this has been deprecated recently.

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.

The client-side service should be quite easy to use. Here's a very simple geocoding example using the v3 API:

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps Geocoding Demo</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" 
           type="text/javascript"></script> 
</head> 
<body> 
   <script type="text/javascript"> 
   var geocoder = new google.maps.Geocoder();

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

The above should print (-25.274398, 133.775136) to the console.

Daniel Vassallo 2010-09-30 00:03:37

Thanks for the quick response! I got it working and came back to find you have changed it to use geometry.location. Nice work, I'm sure this will be useful to others.

Keyo 2010-09-30 00:20:40

ansaurus

tags:

views:

answers:

Google maps json geocoding, no response in browser

related questions