Google maps 美国的自动完成城市
我试图让表单字段只自动完成城市。我如何调整脚本以实现这一点?Javascript如下所示: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
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生殖样本的随访: