使用Google Maps API自动填充城市名称列表

时间:2018-03-26 17:29:15

标签: javascript google-maps

我在我的网站上使用以下代码,但它不起作用。问题是什么?我已经包含了错误报告的代码段。



pcre




1 个答案:

答案 0 :(得分:2)

从脚本的sensor=false&属性中删除src,然后添加您的API密钥:

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

以下对我有用:

<body>
  <input id="searchTextField" />
  <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=places"></script>
  <script>
    function initialize() {
      var options = {
        types: ['(cities)'],
        componentRestrictions: {
          country: "us"
        }
      };

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

    google.maps.event.addDomListener(window, 'load', initialize);
  </script>
</body>

查看this JSBin以查看工作示例。