Javascript 使用谷歌地图API自动完成仅城市名称列表

Javascript 使用谷歌地图API自动完成仅城市名称列表,javascript,google-maps,Javascript,Google Maps,我为我的网站使用以下代码,但它不起作用。有什么问题?我已经包含了错误报告的代码片段 函数初始化(){ 变量选项={ 类型:['(城市)], 组件限制:{国家:“美国”} }; var input=document.getElementById('searchTextField'); var autocomplete=new google.maps.places.autocomplete(输入,选项); } google.maps.event.addDomListener(窗口“加载”,初始化

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


函数初始化(){
变量选项={
类型:['(城市)],
组件限制:{国家:“美国”}
};
var input=document.getElementById('searchTextField');
var autocomplete=new google.maps.places.autocomplete(输入,选项);
}
google.maps.event.addDomListener(窗口“加载”,初始化);

移除
传感器=错误&从脚本的
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>

函数初始化(){
变量选项={
类型:['(城市)],
组件限制:{
国家:“美国”
}
};
var input=document.getElementById('searchTextField');
var autocomplete=new google.maps.places.autocomplete(输入,选项);
}
google.maps.event.addDomListener(窗口“加载”,初始化);

移除
传感器=错误&从脚本的
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>

函数初始化(){
变量选项={
类型:['(城市)],
组件限制:{
国家:“美国”
}
};
var input=document.getElementById('searchTextField');
var autocomplete=new google.maps.places.autocomplete(输入,选项);
}
google.maps.event.addDomListener(窗口“加载”,初始化);

什么不起作用?你有没有收到任何错误消息?没有,我只想要城市名称。有什么不准确?你有没有收到任何错误消息?没有,我只想要城市名称。为了让它工作,使用你的google API密钥,你需要同时启用google Maps Javascript API和Places API。我们可以在keylesss中测试它吗?你的意思是没有API密钥吗?我刚刚测试过,它显示了城市以及州和国家。它不应该只显示城市吗?对不起@default123,我已经有一段时间没有使用API了,所以我不确定。我希望你能解决这个问题。为了让它工作,使用你的google API密钥,你需要同时启用google Maps Javascript API和Places API。我们可以在keylesss中测试它吗?你是说没有API密钥吗?我刚刚测试了这个,它显示了城市、州和国家。它不应该只显示城市吗?对不起@default123,我已经有一段时间没有使用API了,所以我不确定。我希望你能弄明白。