谷歌地图MarkerCluster如何实施?

时间:2013-12-18 13:05:37

标签: google-maps-api-3 markerclusterer

我试图将标记集群实现数小时但不知何故我不知道为什么我的地图仍然只显示标记而不是集群。我一直在搜索所有的问题,并试图实现它,但仍然没有任何运气。谁能告诉我哪里做错了?非常感谢你!

            function initialize() {
                    var mapOptions = {
                    center: new google.maps.LatLng(38.822591,152.871087),
                    zoom: 2,
                    mapTypeControlOptions: {
                        mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
                    }

                };
                var map = new google.maps.Map(document.getElementById('map'),
                mapOptions);

                var locations = <?php echo json_encode($fLocations) ?>;


              var gmarkers = [];
              for (var i = 0; i < locations.length; i++) {
                     var beach = locations[i];
                    var myLatLng = new google.maps.LatLng(beach['latitude'], beach['longitude']);
                    var marker = new google.maps.Marker({
                        position: myLatLng,
                        map: map
                    });
             gmarkers.push(marker);
              }
              var markerCluster = new MarkerClusterer(map, gmarkers);
            }

            google.maps.event.addDomListener(window, 'load', initialize);

1 个答案:

答案 0 :(得分:1)

尽量不为每个标记设置地图选项,所以

var marker = new google.maps.Marker({
                    position: myLatLng,
                    map: map
                });

成为:

var marker = new google.maps.Marker({position: myLatLng});

设置地图会自动将标记推到它上面。

这是否也会现在实例化标记簇?