OpenLayers 2.13：集群策略不起作用答案

【问题标题】：OpenLayers 2.13: clustering strategy is not workingOpenLayers 2.13：集群策略不起作用
【发布时间】：2013-11-22 15:19:15
【问题描述】：

我正在尝试对我的 OpenLayers v2.13 地图应用简单的聚类策略，但它不起作用。

到目前为止，这是我的代码，它全部正确加载，但地图上的随机点没有聚集，它们只是可怕地重叠......

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta charset="utf-8">
        <title>OpenLayers 2.13.x Clustered Markers</title>
        <script src="../OpenLayers.js"></script>
    </head>
    <body onload="run()" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0;">
        <div id='map' style="width: 100%; height: 100%">
        </div>
        <script>
                function run(){

                    // create the map
                    var map = new OpenLayers.Map("map");

                    // add a google maps layer to the map
                    var layer = new OpenLayers.Layer.WMS("OpenLayers WMS", "http://vmap0.tiles.osgeo.org/wms/vmap0", {
                        layers: "basic"
                    });
                    map.addLayers([layer]);

                    // set up cluster strategy and vector layer
                    var strategy = new OpenLayers.Strategy.Cluster({
                        distance: 15,
                        clustering: true
                    });
                    var markersLayer = new OpenLayers.Layer.Vector("Clustered markers", {strategies: [strategy]});


                    // create and add all markers randomly
                    var markers = [];
                    for (var i = 0; i < 700; i++) {
                        var r1 = Math.random();
                        var r2 = Math.random();
                        var r3 = Math.random();
                        var r4 = Math.random();
                        var px = r1 * 180 * ((r2 < 0.5) ? -1 : 1); 
                        var py = r3 * 90 * ((r4 < 0.5) ? -1 : 1);
                        var p = new OpenLayers.Geometry.Point(px, py);
                        var clazz = (i % 10 === 0) ? 4 : Math.ceil(r4 * 3);
                        var f = new OpenLayers.Feature.Vector(p, {clazz: clazz});
                        markers.push(f);
                    }
                    markersLayer.addFeatures(markers);

                    // add markers layer to the map
                    map.addLayer(markersLayer);
                    map.zoomToMaxExtent();
                }
            </script>
    </body>
</html>

注意：OpenLayers 在我的机器上是本地的，版本是 2.13.1

我看过several examples，没有人帮助我解决这个问题。我看过几个堆栈溢出的答案，其中最好的是关于marker clustering，但也没有帮助。

我一定遗漏了一些明显的东西，但我看不到什么？

[更新]

从下面的答案中获得建议，这里是代码 sn-p（从上面）编辑为正确运行，在图层添加到地图后添加标记，不包括 clustering 标志...

// set up cluster strategy and vector layer
var strategy = new OpenLayers.Strategy.Cluster({
    distance: 15 // <-- removed clustering flag
});
var markersLayer = new OpenLayers.Layer.Vector("Clustered markers", {strategies: [strategy]});

// add markers layer to the map
map.addLayer(markersLayer); // <-- adding layer before adding features

// create and add all markers randomly
var markers = [];
for (var i = 0; i < 700; i++) {
    var r1 = Math.random();
    var r2 = Math.random();
    var r3 = Math.random();
    var r4 = Math.random();
    var px = r1 * 180 * ((r2 < 0.5) ? -1 : 1); 
    var py = r3 * 90 * ((r4 < 0.5) ? -1 : 1);
    var p = new OpenLayers.Geometry.Point(px, py);
    var clazz = (i % 10 === 0) ? 4 : Math.ceil(r4 * 3);
    var f = new OpenLayers.Feature.Vector(p, {clazz: clazz});
    markers.push(f);
}
markersLayer.addFeatures(markers); // <-- now can add features

// zoom to extent
map.zoomToMaxExtent();

似乎一个好的做法是确保在向地图添加/删除要素之前向地图添加图层。

【问题讨论】：

尝试删除这些行： strategy.cluster = function(e){console.log(e);};有什么变化吗？
我应该从代码中删除它们，我会编辑我的问题，它没有任何区别。
一个更疯狂的猜测：你也删除了 strategy.activate();我不确定，是否默认激活。
是的，不管有没有这条线，我都试过了，也没什么区别。

标签： javascript openlayers

【解决方案1】：

我从集群策略选项中删除了“集群”

        // set up cluster strategy and vector layer
        var strategy = new OpenLayers.Strategy.Cluster({
            distance: 15
        });

然后在我将图层添加到地图后添加标记

        // add markers layer to the map
        map.addLayer(markersLayer);
        markersLayer.addFeatures(markers);
        map.zoomToMaxExtent();

然后似乎一切正常。

【讨论】：

有趣，我想知道为什么顺序会有所不同以及为什么删除 clustering 标志会影响事情。

【解决方案2】：

在内部以类似安吉拉的方式邮寄给您。

不知道为什么删除集群有任何影响，我认为默认情况下它是真的。

至于添加点的顺序，我似乎记得读过一些关于您的点被集群替换的事实，因此在向图层添加点之后将图层添加到地图可能意味着该过程不会发生。或者其他的东西。 ;)

干杯

伊恩

【讨论】：