24

Google Maps API、jQuery、およびこのGeocompleteプラグインを読み込んでいます。ライブラリ ( libraries=places ) と最終的にはAPI キーも指定していることに注意してください。

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script src='http://maps.googleapis.com/maps/api/js?v=3&sensor=false&amp;libraries=places&key=xxx'></script>
<script src='js/vendor/jquery.geocomplete.js'></script>

ページの読み込み時に Geocomplete プラグインをトリガーしています

$(window).load(function () {
    $('#my-input').geocomplete();
});

しかし、私は常にエラーが発生します:

キャッチされていない TypeError: 未定義の [jquery.geocomplete.js:153] のプロパティ 'Autocomplete' を読み取ることができません。

プラグインの中に...

this.autocomplete = new google.maps.places.Autocomplete(
 this.input, options
);

google.mapsを試してみたところ、通常のオブジェクトが返されましたが、場所は未定義です!

4

1 に答える 1

78

google.maps を試してみたところ、通常のオブジェクトが返されましたが、場所が未定義です!

これは、google.maps.places ライブラリが読み込まれていないことを意味します (以下に示す、投稿したコード行は正しくないか、実際にはページにありません)。

<script src='http://maps.googleapis.com/maps/api/js?v=3&sensor=false&amp;libraries=places&key=xxx'></script>

これはドキュメントの例です:

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

唯一の明らかな違いは、&amp;あなたのものであり、それは機能するはずですが、おそらく一貫して使用する必要があります.

TL;DR

&librariesnotを使用&amp;librariesすると機能します。

于 2013-09-19T21:19:34.850 に答える