Question

I’m having hard time with this simple ajax call

function sendreq()
{
    $.ajax({
        dataType: 'jsonp',
        url: 'http://maps.googleapis.com/maps/api/distancematrix/json?origins=Seattle&destinations=San+Francisco&mode=driving&sensor=false',
        success: function (jsonp)
        {
            alert('success');
        }                
    });
}

I’m able to see the api result in json format when i hit the url from browser and seems like jQuery sees the result too but is unable to parse.
it throws an error

invalid label “destination_addresses” : [ “San Francisco, CA, USA” ],

im using jQuery 1.7.1. from ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js
any help would be appreciated
thanks.

Answer 1

Maybe you need to use the JavaScript API?
http://www.quora.com/Why-doesnt-the-Google-Maps-API-support-JSONP,
http://blog.futtta.be/2010/04/09/no-more-jsonp-for-google-geocoding-webservice