0 
$(document).ready(function () {
    $.getJSON('https://maps.googleapis.com/maps/api/place/textsearch/json?query=Kfc+sydney&sensor=true&key=AIzaSyD-jxenRCJipqw5Kg-HXQbRXUK8dHNFz3A',
    function (data) {
        alert(data);
    });
});

私のGoogleマップのURLは、ブラウザからリクエストしたときにJSONオブジェクトを表示しますが、jQueryを使用したときは表示しません。

4

3 に答える 3

1

Maps-Javascript-APIのPlaces-Libraryを使用して、JavaScript アプリケーションからサービスをリクエストします。

<script type="text/javascript" 
      src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false">
</script>

<script  type="text/javascript">
/*<![CDATA[*/
$(document).ready(function () {
    new google.maps.places.PlacesService(document.createElement('div'))
     .textSearch({query:'KFC sydney'}, function(data){console.log(data);});
});
/*]]>*/
</script>
于 2013-02-18T11:21:25.803 に答える
0

参照：getJSONを使用したGoogleMapsV3ジオコーディングルックアップ

参考までに-PHPやJSPなどのサーバー側言語を実行している場合、そのアプローチにはjavascriptクロスドメインの問題がないため、maps api urlを使用でき、効果的にページを作成できます。 JSONの処理にjavascriptを使用する必要がある場合は、プロキシとして機能します。

于 2013-02-18T11:35:01.140 に答える
0

ブラウザの JS コンソールにもっと注意を払う必要があります。

XMLHttpRequest cannot load https://maps.googleapis.com/maps/api/place/textsearch/json?query=Kfc+sydney&sensor=true&key=AIzaSyD-jxenRCJipqw5Kg-HXQbRXUK8dHNFz3A. Origin http://jsbin.com is not allowed by Access-Control-Allow-Origin.

Same Origin Policyに違反しようとしています。この質問への回答にいくつかの回避策が記載されています。

于 2013-02-18T10:58:37.780 に答える