0

我有一个使用 Google Maps 实用程序库组合的站点;markerWithLabel 和 markerClusterPlus。

markerWithLabel 操作 DOM 以将标签放在地图上。我遇到的问题是,这在时间和 CPU 方面都非常昂贵。

我想知道是否有一种方法可以将写入缓存到 DOM 并一次刷新它们,以减少重绘并希望提高性能。

我在下面添加了这段代码,以显示我目前的工作方式。新标记是似乎为添加到地图的每个项目重新绘制的部分。可能是最糟糕的方法,一次一个。

$.rMap.ready( function() {
    per.mapRM = JSONH.unpack(per.mapRM);
    var markers = [];
    for (var i = 0, mlen = per.mapRM.length; i < mlen; ++i) {
        bubble_color = colorArray[parseInt(per.mapRM[i].b, 10)];
        var marker = new MarkerWithLabel({
            position: new google.maps.LatLng(parseFloat(per.mapRM[i].lt),parseFloat(per.mapRM[i].ln)),
            map: $.rMap.map,
            draggable: false,
            raiseOnDrag: false,
            icon: {},
            labelContent: '<div id="rental-marker-'+ per.mapRM[i].id+'" class="marker-for-rent">'+
            '<span class="point_border"></span><span class="point point_'+ bubble_color +
            '"></span><span class="bubble bubble_'+ bubble_color +
            '">$'+ per.mapRM[i].r+'</span>'
        });
        markers.push(marker);
    }

    var markerClusterer = new MarkerClusterer($.rMap.map, markers, {
        averageCenter: true,
        ignoreHidden: true,
        printable: true,
        maxZoom: 14
    });         
 });

例如,我正在考虑使用 documentFragments,还是我在这里找错树了?

谢谢

4

1 回答 1

2

在创建 MarkerWithLabel 对象时,您是否尝试过删除参数“map: $.rMap.map”?

我认为 markerClusterer 应该处理这个问题,看起来你是在要求地图渲染所有这些(在 markerClusterer 完成他的简化工作之前)

于 2013-07-27T10:28:49.383 回答