Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/csharp-4.0/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将滑块选择的geojson数据子集显示为传单地图上的一个组_Javascript_Jquery_Leaflet - Fatal编程技术网

Javascript 将滑块选择的geojson数据子集显示为传单地图上的一个组

Javascript 将滑块选择的geojson数据子集显示为传单地图上的一个组,javascript,jquery,leaflet,Javascript,Jquery,Leaflet,我正在可视化一个中等大小(6000分)的空间数据集,它有48个子集,每个子集由125个点组成。我使用的是传单,数据在GeoJSON中,我使用的是滑块 我遇到了一个问题,即数据是以增量方式添加的,而不是作为子集添加的。换句话说,在使用滑块增加值的同时,我希望每个步骤都删除前面的125个点,然后添加下一个125个点 下面是我正在使用的Dennis Wilhelm的滑块代码: startSlider: function () { options = this.options;

我正在可视化一个中等大小(6000分)的空间数据集,它有48个子集,每个子集由125个点组成。我使用的是传单,数据在GeoJSON中,我使用的是滑块

我遇到了一个问题,即数据是以增量方式添加的,而不是作为子集添加的。换句话说,在使用滑块增加值的同时,我希望每个步骤都删除前面的125个点,然后添加下一个125个点

下面是我正在使用的Dennis Wilhelm的滑块代码:

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]);
}
startSlider:函数(){
options=this.options;
$(“#传单滑块”).滑块({
值:options.minValue+1,
min:options.minValue,
最大值:options.maxValue+1,
步骤:1,
幻灯片:功能(e、ui){
if(!!options.markers[ui.value]){
if(options.markers[ui.value])$(“#滑块时间戳”).html(options.markers[ui.value].feature.properties.time.substr(0,16));
for(var i=options.minValue;i