BinaryDevelop
  1. ホーム
  2. ジャバスクリプト

[解決済み】googleのオートコンプリート結果をCityとCountryのみに限定する方法

2022-04-08 18:47:15

質問

GoogleのオートコンプリートプレイスのJavaScriptを使用して、検索ボックスの提案結果を返しています。

私は以下の例を使っています。 

<html>
<head>
<style type="text/css">
   body {
         font-family: sans-serif;
         font-size: 14px;
   }
</style>

<title>Google Maps JavaScript API v3 Example: Places Autocomplete</title>
<script src="http://maps.googleapis.com/maps/api/js?sensor=false&amp;libraries=places" type="text/javascript"></script>
<script type="text/javascript">
   function initialize() {
      var input = document.getElementById('searchTextField');
      var autocomplete = new google.maps.places.Autocomplete(input);
   }
   google.maps.event.addDomListener(window, 'load', initialize);
</script>

</head>
<body>
   <div>
      <input id="searchTextField" type="text" size="50" placeholder="Enter a location" autocomplete="on">
   </div>
</body>
</html>

解決方法は？

国の制限を試すことができます 

function initialize() {

 var options = {
  types: ['(cities)'],
  componentRestrictions: {country: "us"}
 };

 var input = document.getElementById('searchTextField');
 var autocomplete = new google.maps.places.Autocomplete(input, options);
}

詳細はこちら

ISO 3166-1 alpha-2 は、結果を特定のグループに制限するために使用することができます。現在、componentRestrictions を使用すると、国によるフィルタリングを行うことができます。

国は、ISO 3166-1 Alpha-2 互換の 2 文字の国コードとして渡す必要があります。

公式に割り当てられた国コード

関連

最新

おすすめ

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