Google geocode API ajax

Question

I use jquery 1.6.4 and I just try to get city corresponding to a zipcode, so I want to use the Google Geocode API.

$(document).ready(function() {
    $("#zipcode").keypress(function(){              
        $.getJSON(
            "http://maps.googleapis.com/maps/api/geocode/json",
            {
                sensor: false,
                address: "france"
            },
            function(data) {
                alert(data.status);
            }
        );
    });
});

But It doesn't work, firebug give me a status code 200 but not result. If I ask directly to the API, It work... So what I'm doing wrong ?

You may want take a look here: http://stackoverflow.com/questions/2921745/how-to-make-cross-domain-ajax-calls-to-google-maps-api — gremo, Oct 13 '11 at 15:13

score 0 · Accepted Answer · edited May 23 '17 at 12:21

I build my solution by following this post

My solution using Jquery and google maps class

$("#zipcode").keyup(function() {
    var geocoder = new google.maps.Geocoder();
var address = $(this).val() + ', France';
if (geocoder) {
    geocoder.geocode({ 'address': address }, function (results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        for (var i=0;i<results[0].address_components.length;i++) {
            if (results[0].address_components[i].types[0] == 'locality')
            $('#city').val(results[0].address_components[i].long_name)
        }
    }
    });
}
});

Google geocode API ajax

1 Answers1