【问题标题】:map does not cluster locations as soon as I add id to markers一旦我将 id 添加到标记,地图就不会聚集位置
【发布时间】:2014-05-05 15:59:57
【问题描述】:

大约一周后,我正在与谷歌地图进行斗争,以将其添加到我的项目中。 我需要使用这个谷歌地图: http://jquery-ui-map.googlecode.com/svn/trunk/demos/jquery-google-maps-clustering.html

就我在该链接中使用的代码而言,一切都很好,但只要我将 id 添加到我正在创建的每个标记,集群就不再起作用了。这是我的代码:

$('#map_canvas').gmap({'zoom': 2, 'disableDefaultUI':true}).bind('init', function(evt, map) { 
                    $('#map_canvas').gmap('clear', 'markers');

                    var bounds = map.getBounds();
                    var southWest = bounds.getSouthWest();
                    var northEast = bounds.getNorthEast();
                    var lngSpan = northEast.lng() - southWest.lng();
                    var latSpan = northEast.lat() - southWest.lat();
                    for ( var i = 0; i <2; i++ ) {
                        $(this).gmap('addMarker', {'id':'m_'+i, 'position': new google.maps.LatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()) } ).click(function() {
                            $('#map_canvas').gmap('openInfoWindow', { content : 'ddd d!' }, this);
                        });
                    }
                    $(this).gmap('set', 'MarkerClusterer', new MarkerClusterer(map, $(this).gmap('get', 'markers')));
                });

如您所见,我刚刚为我正在使用的每个标记添加了一些 id。仅供参考,我需要添加 id,因为稍后我想在单击按钮时删除标记并在单击后添加新标记。

谁能帮助我如何以不丢失聚类属性的方式将 id 添加到标记?

【问题讨论】:

    标签: javascript jquery google-maps google-maps-api-3 jquery-plugins


    【解决方案1】:

    标记的id 在内部被 jquery-ui-map 用来识别标记-array 中的标记。请注意,markersinitial 是一个数组。可以使用自定义 id ,但 id 应该是数字(数组键只能是数字)。

    在您的情况下,它是一个字符串,什么会将数组转换为对象。链接演示中使用的 MarkerClusterer 版本是 2.0.6,它要求标记是数组,而不是对象,因为它通过使用长度属性(对象不存在)进行迭代

    解决方案:使用更新的版本,例如2.1.1 或属性的其他名称(例如 ID

    【讨论】:

    • 非常感谢您的帮助,我在以下链接中有一个大问题,请您看看并指导我(实际上这个问题与那个问题有关,我完全卡住了)stackoverflow.com/questions/22616455/…
    猜你喜欢
    • 1970-01-01
    • 2014-07-31
    • 1970-01-01
    • 2020-03-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-12-12
    相关资源
    最近更新 更多