google-maps-api-3 - google places api/google maps：“listings by ...”没有被重置——地图区域一直很混乱

Question

我有一个使用地点 API 的网站 pune.org。但是，如您所见，如果我选择标记，则按行列出的列表只会不断添加并最终使整个地图区域变得无用。

如何重置列表或理想情况下仅显示当前选择的标记的列表？

谢谢，桑迪普

Answer 1

您在代码中多次实例化 Places Service，例如每次地图平移时。您需要在开始时设置一个名为 service 的全局变量，然后实例化 Places Service 一次（*在您的地图初始化期间是合适的）。然后，您可以简单地service.search在其他函数中调用该方法，而不是一遍又一遍地实例化服务。

所以：

var service;
\\Rest of other global variables
function initializeMap(initialLat, initialLng, detectCurrentLocation, radius,
        zoomLevel, defaultType) {
    initialLocation = new google.maps.LatLng(initialLat, initialLng);
    geocoder = new google.maps.Geocoder();

    var myOptions = {
        zoom : zoomLevel,
        mapTypeId : google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    service = new google.maps.places.PlacesService(map); //Only do this once!
    ...//rest of your code
}

然后删除代码中的其他实例，service = new google.maps.places.PlacesService(map);只调用service.search(request, callback);