0

我想在地图上动态添加标记并使用 markerCluster 对它们进行聚类，如下面的链接：http: //google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/examples.html 场景是，当用户进入我的网站时，他们会看到一个初始的谷歌地图，当他们按下按钮时，我会返回我的数据库获取 100 个数据并在地图上为用户绘制，因为 100 个数据在 5 月有点大特别是它们很接近，所以我想使用markerCluster，但不知何故它不起作用，我不知道为什么，控制台中没有错误显示（我使用chrome的Web开发工具）

这是我的 javascript，我使用 java、javascript 和 jsp：

$('#addMarkerData').click(function(){
console.log('into addMarkerData click function');
$.get('getphoto.do',{},function(Result){
    var markers = [];
    var image = 'img/location.png';
    for(var i=0; i < 100; i++){
            console.log(Result[i].photoId);
            console.log(Result[i].latitude);
            console.log(Result[i].longitude);
            console.log(Result[i].imgURL);  
              var latLng = new google.maps.LatLng(Result[i].latitude,
                      Result[i].longitude);
              var marker = new google.maps.Marker({
                  animation: google.maps.Animation.DROP,
                  position: latLng,
                  icon: image
              });
              markers.push(marker);
    }
    var markerCluster = new MarkerClusterer(map, markers);
    console.log(markerCluster.getTotalMarkers());
});

});

变量 map 在另一个 .js 文件上声明，并将在此 .js 文件之前加载

还有一件事，我代码的最后一行，console.log(markerCluster.getTotalMarkers())显示正确答案（100），顺便说一句

如果有人能给我一些建议，将不胜感激谢谢

4

1 回答 1

4

您应该MarkerClusterer在函数外部创建，以便可以反复使用它。您可以在创建地图后立即创建它：

var map = new google.maps.Map();
var markerCluster = new MarkerClusterer(map);

然后，您可以在 JSON 回调中使用addMarker()or方法。addMarkers()每次都将使用相同的标记聚类器，因此不会删除任何先前添加的标记。代码的大致轮廓：

$('#addMarkerData').click(function () {
    $.get('getphoto.do', {}, function (Result) {
        var markers = [];
        for (var i = 0; i < Result.length; i++) {
            var marker = new google.maps.Marker({
                animation: google.maps.Animation.DROP,
                position: new google.maps.LatLng(Result[i].latitude, Result[i].longitude),
                icon: 'img/location.png'
            });
            markers.push(marker);
        }
        markerCluster.addMarkers(markers);
        console.log(markerCluster.getTotalMarkers());
    });
});
于 2013-01-19T14:55:12.660 回答