2

それぞれが 125 ポイントで構成される 48 のサブセットを持つ中規模 (6000 pts) の空間データ セットの視覚化に取り組んでいます。Leaflet を使用しており、GeoJSON にデータがあり、スライダーにLeafletSliderを使用しています。

私は 1 つの問題に直面しています。それは、データがサブセットとしてではなく、段階的に追加されるということです。つまり、スライダーを使用して値を増やしながら、各ステップで前の 125 ポイントを削除し、次の 125 ポイントを追加します。

私が使用しているDennis Wilhelm のLeafletSliderのスライダーのコードは次のとおりです。

startSlider: function () {
        options = this.options;
        $("#leaflet-slider").slider({
            value: options.minValue + 1,
            min: options.minValue,
            max: options.maxValue +1,
            step: 1,
            slide: function (e, ui) {
                if(!!options.markers[ui.value]) {
                if(options.markers[ui.value]) $('#slider-timestamp').html(options.markers[ui.value].feature.properties.time.substr(0, 16));

                for (var i = options.minValue; i < ui.value ; i++) {
                    if(options.markers[i]) map.addLayer(options.markers[i]);
                }
                for (var i = ui.value; i <= options.maxValue; i++) {
                    if(options.markers[i]) map.removeLayer(options.markers[i]);
                }
            }
        }
    });
    map.addLayer(options.markers[options.minValue]);
}

この機能を実現するためにこれを変更する方法がわかりません。まず基準を満たす各ポイントをui.valueLayerGroup にグループ化してから追加しますか? もしそうなら、それを達成するためにこのコードを変更する方法が本当にわかりませんか? 前の画層グループが削除されたことを確認するにはどうすればよいですか? これを高速化するために渡す geojson ファイルでこのサブセット化を行う必要がありますか、それともこのようにクライアント側でサブセット化することは許容されますか?

前もって感謝します。

4

0 に答える 0