GoogleのGeoCoding HTTPサービスでjquery.getJsonを使用

Question

Googleは、ジオコーディングと逆ジオコーディングのためのすばらしいRESTインターフェイスを提供しています。私のAPIキーは有効です。ブラウザのアドレスにリクエストを直接入力すると、うまく動作します。しかし、次のjqueryはひどく失敗し、私はなぜ失敗しているのですか。あなたが私を助けてくれると願っています。このサービスの

$.getJSON("http://maps.google.com/maps/geo?q="+ address+"&key="+apiKey+"&sensor=false&output=json", 
    function(data, textStatus){ 
    console.log(data); 
    }); 

GoogleのRESTインターフェイスドキュメント：セキュリティ上の制約のために、http://code.google.com/apis/maps/documentation/geocoding/index.html

Answer 1

であれば、ここでの問題は、私はJSONPコールバックを指定していなかったということである誤差関数に

  error: function(xhr, ajaxOptions, thrownError) { 
      alert("Ajax Error: " + xhr.status + "\nMsg: " + xhr.responseText); 
     } 

を追加し、デバッグしよう。正しいコードは次のとおりです。

$.getJSON("http://maps.google.com/maps/geo?q="+ address+"&key="+apiKey+"&sensor=false&output=json&callback=?", 
    function(data, textStatus){ 
    console.log(data); 
    }); 

Answer 2

、あなたは別のドメインのページからURLにAJAXリクエストを送信することはできません。そのため、ブラウザにURLを入力しても動作しますが、javascriptコードからリクエストを作成しようとした場合は動作しません。

一般的な回避策は、server side component acting as a proxyを使用することです：あなたのAJAXリクエストを受け取り、それらをgoogle geolocatorに送信します。

Answer 3

はそれだけでJSON関連のエラー

Answer 4

私は全く同じ問題がありました。これは私が最終的にそれを私のために働かせることができた方法です。

see google maps api docs