javascript - 谷歌地图 Javascript API : Multiple Markers at One Location Because of "Sub Stores"

Question

我正在构建一个使用此 API 来查找某些特定商店的网站。其中之一是目标。问题是我的搜索通常会在显示“Target”、“Target Optics”和“Target Pharmacy”的位置返回 2 到 3 个标记。有谁知道让它只显示主要“目标”标记的好方法吗？

我的代码仅供引用:

<script type="text/javascript">
var geocoder;
var map;
var service;
var infowindow;
var markers = new Array();
function initialize() {
    var latlng = new google.maps.LatLng(<?=$lat ?>, <?=$long ?>);
    infowindow = new google.maps.InfoWindow();
    var myOptions = {
        zoom: 8,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    var request = {
        location: latlng,
        radius: '22000',
        types: ['store'],
        name: 'Target'
    };
    service = new google.maps.places.PlacesService(map);
    service.search(request, callback);

}

function callback(results, status) {
    if (status == google.maps.places.PlacesServiceStatus.OK) {
        for (var i = 0; i < results.length; i++) {
            var place=results[i];
            var marker = new google.maps.Marker({
                map: map,
                position: results[i].geometry.location
            });
            markers[i] = marker;
            markers[i].reference = place.reference; 
        }
        //alert(markers.length);
    }
    for(j=0;j<markers.length;j++){
        google.maps.event.addListener(markers[j],'click',function(){
                var me = this;
                var request={reference:this.reference};
                service.getDetails(request,function(newplace,status){
                    var myContent = "<h3>" + newplace.name + "</h3>" + newplace.formatted_address;
                    infowindow.setContent(myContent);
                    infowindow.open(map,me);
                });
        });

    }
}

Answer 1

我猜您会想看看 map 聚类来完成这项工作。以下是一些可帮助您实现此目标的链接:

http://www.appelsiini.net/2008/11/introduction-to-marker-clustering-with-google-maps或

http://www.svennerberg.com/2009/01/handling-large-amounts-of-markers-in-google-maps/

虽然两者都是客户端集群示例，但我猜您需要服务器端集群来将它们组合在一起并为它们指定正确的名称。您可能可以纠正算法来做同样的事情。