有人能告诉我为什么 getPlaces() 函数在下面返回一个空格字符串吗?
在 head 元素中,我有指向 Google 地图脚本的链接
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false&v=3.exp&key=MyKey&libraries=places"></script>
Javascript代码:
jQuery(window).load(function() {
var map = new google.maps.Map(document.getElementById('mapCanvas'), {
mapTypeId: google.maps.MapTypeId.ROADMAP,
streetViewControl: false
});
var defaultBounds = new google.maps.LatLngBounds(
new google.maps.LatLng(41.7033177, -93.0573533),
new google.maps.LatLng(41, -93)
);
map.fitBounds(defaultBounds);
var input = document.getElementById('addressSearch');
var searchBox = new google.maps.places.SearchBox(input);
var markers = [];
google.maps.event.addListener(searchBox, 'places_changed', function() {
var places = searchBox.getPlaces();
for (var i = 0, marker; marker = markers[i]; i++) {
marker.setMap(null);
}
markers = [];
var bounds = new google.maps.LatLngBounds();
for (var i = 0, place; place = places[i]; i++) {
var place = places[i];
var marker = new google.maps.Marker({
map: map,
title: place.name,
position: place.geometry.location,
draggable: true
});
markers.push(marker);
bounds.extend(place.geometry.location);
}
map.fitBounds(bounds);
if (markers.length == 1) map.setZoom(17);
});
google.maps.event.addListener(map, 'bounds_changed', function() {
var bounds = map.getBounds();
searchBox.setBounds(bounds);
});
});
此代码取自 Google 的开发人员站点,来自带有文本搜索字段的示例,因此它应该可以正常工作。2天前,它工作正常。现在没有了。问题是该getPlaces()
方法返回一个带有空格字符的字符串,而不是它应该返回的数组。我在这里想念什么?
更新:好的,我的问题还不够清楚。起作用的是搜索框中的自动完成功能。什么不起作用是places_changed
事件,特别是行
var places = searchBox.getPlaces();
该places
变量应该包含一个数组,以便在下一个for
循环中,它将创建一个标记数组并将它们放在地图上。相反,它返回的是一个空字符串。