BinaryDevelop
  1. ホーム
  2. javascript

Google Mapsのオートコンプリート検索ボックスを追加する方法は？

2023-10-08 18:33:12

質問

私は、ユーザーができるだけ簡単に住所を検索できるように、ウェブサイトにGoogleのオートコンプリート検索ボックスを追加しようとしています。

私の問題は、ここでの多くの質問と同様に、これに関する Google Maps Javascript API v3 といくつかのチュートリアルを調べましたが、それらはすべて、埋め込まれた Google マップにマッピングするオートコンプリート機能を一緒にバンドルしています。

私は視覚的に場所をマッピングする必要はなく、今のところオートコンプリート ボックスだけが必要です。残念ながら、API のどの部分がこれに関連しているのか、私が見たすべての例にはマッピングのための多くの JS が含まれています。

どのようにオートコンプリート入力機能を追加することができますか？

どのように解決するのですか？

このコードのかなりの部分を削除することができます。

HTMLの抜粋です。 

<head>
  ...
  <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&libraries=places"></script>
  ...
</head>
<body>
  ...
  <input id="searchTextField" type="text" size="50">
  ...
</body>

ジャバスクリプトです。 

function initialize() {
  var input = document.getElementById('searchTextField');
  new google.maps.places.Autocomplete(input);
}

google.maps.event.addDomListener(window, 'load', initialize);

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します