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