Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Google maps 美国的自动完成城市_Google Maps_Google Cloud Platform - Fatal编程技术网

Google maps 美国的自动完成城市

Google maps 美国的自动完成城市,google-maps,google-cloud-platform,Google Maps,Google Cloud Platform,我试图让表单字段只自动完成城市。我如何调整脚本以实现这一点?Javascript如下所示: var map; function createMap () { var options = { center: { lat: 43.654, lng: -79.383}, zoom: 10, }; map = new google.maps.Map(document.getElementById('map'), options); var

我试图让表单字段只自动完成城市。我如何调整脚本以实现这一点?Javascript如下所示:

var map;

function createMap () {
    var options = {
        center: { lat: 43.654, lng: -79.383},
        zoom: 10,
        
};

map = new google.maps.Map(document.getElementById('map'), options);


var input = document.getElementById('search');

var searchBox = new google.maps.places.SearchBox(input);

map.addListener('bounds_changed', function () {
    searchBox.setBounds(map.getBounds ());

});

var markers = [];

searchBox.addListener('places_changed', function () {
    var places = searchBox.getPlaces();

    if (places.length === 0)
    return;

    markers.forEach(function (m) { m.setMap(null);});
    markers = [];

    var bounds = new google.maps.LatLngBounds();

    places.forEach(function (p) {
        if (!p.geometry)
        return;

        markers.push(new google.maps.Marker({
            map: map,
            title: p.name,
            position: p.geometry.location
        }));

        if (p.geometry.viewport)
        bounds.union(p.geometry.viewport);
        else
        bounds.extend(p.geometry.location);
    });
    map.fitBounds(bounds);

    var polygon = new google.maps.Polygon({
        map: map,
        strokeColor: 'blue',
        fillColor: 'blue'
    })
});
}
在一个最简单可行的产品中,我只能使用下面的脚本让autocomplete功能在城市中运行,但在决定再次包含autocomplete之后,我正在努力将相同的功能添加到上面的脚本中

<script>
  let autocomplete;
  function initAutocomplete() {
    autocomplete = new google.maps.places.Autocomplete(
      document.getElementById('Location'),
      {
        types: ['(cities)'],
        componentRestrictions: {'country': ['US', 'CA']},
        fields: ['place_id', 'geometry', 'name']
      });
  }
</script>

让自动完成;
函数initAutocomplete(){
autocomplete=new google.maps.places.autocomplete(
document.getElementById('Location'),
{
类型:['(城市)],
组件限制:{'country':['US','CA']},
字段:['place_id','geometry','name']
});
}

有什么想法吗?

搜索框不支持
类型
选项(),唯一支持的选项是
边界
(至少目前是这样)。如果需要该功能,则需要使用该类。使用AutoComplete时,搜索框代码中的哪些功能有问题?如果您提供了一个演示特定问题的示例,则更容易help@geocodezip目前,上面的自动完成脚本不起作用,后端脚本文件似乎正在覆盖它。我在这里询问了另一个关于min生殖样本的随访: