Search jQuery

jQuery Forum

getJSON not working with google maps api

in Using jQuery • 9 years ago

Below is a test HTML page that I created to test the getJSON functionality of jQuery. When run in firefox while running firebug it shows that there is no response from the google maps api (not sure if this a jQuery thing or a google maps api problem). This code doesn't respond in chrome either but it actually works in safari 7.0.x running in Mac OSX 10.9 (as in I am alerted the distance value out of the resulting JSON). Any ideas what the issue may be? I had this problem last week and somehow managed to fix it (at least I thought) with the deletion of a semi-colon but I haven't changed anything since then and now its not working again. Just as a reminder this is merely a test page, the actual code I am using is thousands of lines but I know this is where its breaking because my callback function isn't firing.

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<script src="http://api.jquery.com/jquery-wp-content/themes/jquery/js/jquery-1.9.1.min.js"></script>
<script>
function getData() {
var url = 'http://maps.googleapis.com/maps/api/directions/json?origin=Huntsville,AL&destination=Atalanta,GA&sensor=false';
var $jq = jQuery.noConflict();
$jq.getJSON(url,function(results){
alert(results.routes[0].legs[0].distance.value);
});
}
</script>
<title>jQuery Debug of Google API</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
</head>
<body>
<button onclick="getData();">click</button>
</body>
</html>

Replies(7)

jakecigar

Re: getJSON not working with google maps api

9 years ago

Your url is a JSON url, not a JSONP url. Do some research on how other people have gotten around this.

JΛ̊KE

lilmofo812

Re: getJSON not working with google maps api

9 years ago

My question would be why would this work for almost a year and then all the sudden stop working? Has something been done with the way Jquery's getJSON method works? And why would this respond in the newest safari browser on Mac but not in any other browser, seems like more of a problem than just a JSONP issue?

jakecigar

Re: getJSON not working with google maps api

9 years ago

Safari has the ability to get any ajax, when not served from a server. Were you testing with local files?

I use that feature all the time!

JΛ̊KE

lilmofo812

Re: getJSON not working with google maps api

9 years ago

Yes I am using a local file so that must be why. So I need to use jsonp now instead of json even though the way I've done it worked previously for about a year?

jakecigar

Re: getJSON not working with google maps api

9 years ago

I didn’t see it work. It could have been that they previously enabled CORS on their servers.

You now need to use the latest API Google Maps Javascript API V3 Reference - Google Maps JavaScript API v3 — Google Developers

JΛ̊KE

lilmofo812

Re: getJSON not working with google maps api

9 years ago

So I no longer can do the call the way I am (as in using the url)? Do I now need to use the DirectionService and DirectionRequest properties of the API? I'm really hoping this isn't the case as that will be a huge reworking of all my code.

jakecigar