0

最近成功した後 (ここからの助けを借りて)、スクリプトを完成させたいと思いました。Google は、ジオコーディングされたマップの結果を 2 ページ目に配置しても問題ないことに同意したので、1 ページ目のジオコーディング スクリプトからマップ表示を削除したいと考えています。

私はこれをここで動作させています: http://jsfiddle.net/njDvn/15/

しかし！持っていないのはautosuggestだけです（jqueryUIのものではなく、Googleのもの）。これは、Google autosuggest を示すコードです: http://jsfiddle.net/Rr5PL/63/

現在、autosuggest を有効にしているように見えるコードは次のとおりです。

var autocomplete = new google.maps.places.Autocomplete(address,options);
var autocompleteOptions = {types: ['geocode']};

これを元のコードに追加しましたが、残念ながら機能しません! このコードはここで見ることができます: http://jsfiddle.net/njDvn/16/

私の質問は、FIRST LINKの元のコードに基づいて、Google オートコンプリートの提案を有効にするにはどうすればよいですか?

あなたが与えることができる助けや情報は大歓迎です！ありがとうございました。

4

3 に答える 3

3

ストリートビューを含むオートコンプリートの例(米国のみ) を次に示します。

それを作成するための重要な行は次のとおりです。

var input = document.getElementById('searchTextField');
var options = {
    types: [],
    componentRestrictions: {country: 'us'}
};

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

Places ライブラリもロードする必要があります。

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

そしてHTML：

<input id="searchTextField" type="text" size="50" value="">

ちなみに、「ジオコーダーにオートコンプリートを追加する」わけではありません。Places Autocomplete クラスには、ジオコーディング機能が含まれています。

于 2012-11-03T18:31:47.740 に答える
0

JavaScript オートコンプリートは Google Places API の一部であり、デフォルトでは Google Maps API では読み込まれません。パラメータを追加して Maps API を含める場合は、Places ライブラリを明示的に読み込む必要がありますlibraries=places。

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

于 2012-11-03T17:58:41.787 に答える
0

Marcelo と ssorallen によって言及されていることを正確に実行する、この準備が整ったデモをご覧ください http://devfestmtm.appspot.com/demos/places/autocomplete_addressform.html

于 2012-11-03T22:48:03.187 に答える