1

私の質問は非常に単純です。マッピングプロジェクトを作成するためにDojo（Dojox openlayersモジュールではありません）を使用しています。メタデータとクラスタリング用の小さなホバーバブルを作成するために、Webのすぐ外の例に従いました。私は現在、センサーによって記録された100以上の観測値のグループを描画しようとしています（これは決して移動しないため、各観測値は同じ緯度/経度を持ちます）。オブジェクトが選択されている場合、発生するイベントにはfeature.clusterオブジェクトが含まれていません。どのズームレベルでも、一番上の機能のみが表示され、他のデータにはアクセスできません。私は何が間違っているのですか？

drawObservations: function(data){
                console.info("drawing observatoins", data);

                if (this.observationLayer !== null){
                    this.map.removeLayer(this.observationLayer);
                }
                console.info("building features");
                var features = [];
                for (var i in data.observations){

                    //console.info("working on observation: ", data.observations[i]);
                    var point = new OpenLayers.Geometry.Point(data.observations[i].longitude, data.observations[i].latitude);
                    //console.info("point: ", point);


                    features[i] = new OpenLayers.Feature.Vector(point, {
                        id : data.observations[i].id,
                        startTime: data.observations[i].startTime,
                        endTime: data.observations[i].endTime
                    }, {
                        fillColor : '#008040',
                        fillOpacity : 0.8,                    
                        strokeColor : "#ee9900",
                        strokeOpacity : 1,
                        strokeWidth : 1,
                        pointRadius : 8
                    });

                }
                console.info("features size: ", features.length);
                console.info("building vectors");

                this.observationLayer = new OpenLayers.Layer.Vector("Observations", {
                    projection: "EPSG:4326",
                    strategies: [                     
                    new OpenLayers.Strategy.Cluster()
                    ],
                    eventListeners:{
                        'featureselected':function(evt){
                            console.info("feature selected: ", evt);
                            console.info("this: ", this);
                            var feature = evt.feature;
                            var popup = new OpenLayers.Popup.FramedCloud("popup",
                                OpenLayers.LonLat.fromString(feature.geometry.toShortString()),
                                null,
                                "<div style='font-size:.8em'><h3>Observation - " + feature.attributes.id + "</h3><hr/><b>Start Time: </b>" + feature.attributes.startTime + "<br/><b>End Time: </b>" + feature.attributes.endTime + "</div>",
                                null,
                                true
                                );
                            feature.popup = popup;
                            this.map.addPopup(popup);
                        },
                        'featureunselected':function(evt){
                            console.info("feature unselected: ", evt);
                            var feature = evt.feature;
                            this.map.removePopup(feature.popup);
                            feature.popup.destroy();
                            feature.popup = null;
                        }
                     }
                });

                console.info("adding features to vector", this.observationLayer);

                this.observationLayer.addFeatures(features);

                this.map.addLayer(this.observationLayer);

                var selector = new OpenLayers.Control.SelectFeature(this.observationLayer,{
                    hover:true,
                    autoActivate:true
                }); 
                this.observationLayer.events.on({
                    "featureselected": this.display
                });

                this.map.addControl(selector);
            },

            display: function(event){
                console.info("event: ", event);

            }
4

1 に答える 1

0

トリックは、レイヤーからフィーチャを削除し、レイヤーがマップに追加された後にそれらを再度追加することであるようです。

this.observationLayer.removeFeatures(this.observationLayer.features);
this.observationLayer.addFeatures(features);

これにより、クラスタリングが魔法のように機能します。

于 2012-12-20T16:59:58.433 に答える