【问题标题】:Google Map MarkerCluster how to implement?Google Map MarkerCluster如何实现?
【发布时间】:2013-12-18 13:05:37
【问题描述】:

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

            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);

【问题讨论】:

    标签: google-maps-api-3 markerclusterer


    【解决方案1】:

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

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

    变成:

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

    设置地图将自动将标记推到其上。

    这是否也实例化了标记集群?

    【讨论】:

    • 感谢您的回答!我试图删除地图,但所有标记都消失了。
    • 保持它被移除,无论如何它们都需要与集群器一起设置,而不是单独设置。您是否收到任何 javascript 错误等?
    • 哦,我明白了,现在集群已经显示出来了!太感谢了!你拯救了我的一天!
    • 没问题,很乐意提供帮助。
    猜你喜欢
    • 2013-06-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-10-30
    • 1970-01-01
    • 2012-01-19
    • 2014-03-06
    相关资源
    最近更新 更多