如何标记传单滑块

Posted 2023-03-13

【中文标题】如何标记传单滑块

【英文标题】：how to label leaflet slider

【发布时间】：2015-10-09 07:26:40

【问题描述】：

我正在使用 [dwilhelm89][1] 的传单滑块，我让它滑过几天（我每天都制作一个图层并将其添加到滑块中）但我需要添加一个标签（时间轴）所以你可以看到滑块会去哪里，知道怎么做吗？谢谢

   var sliderControl = L.control.sliderControl(  position: "topright",   layer: layerk,  range: true, follow:true,alwaysShowDate : true);
												
map.addControl(sliderControl);
sliderControl.startSlider();

这段代码是我用来制作滑块的，我可以使用任何选项或编辑吗？ [1]：https://github.com/dwilhelm89/LeafletSlider

【参考方案1】：

如果您的意思是添加带有刻度线的刻度，LeafletSlider 似乎没有任何选项。尽管我对修改或扩展 LeafletSlider 代码没有任何建议，但我想到了其他一些方法：

首先，如果您只处理几天，并且您只需要沿着滑块的长度添加几个标签，则可以将答案中的一个示例调整为this *** question。投票最多的答案看起来很有希望，因为它可能是最简单的解决方案。

[编辑： 在深入研究 Leaflet Slider 代码后，我意识到它实际上并没有按时间字段中的数量过滤数据。当您滑动它时，它只是从一个功能跳到下一个功能（即，两秒的间隔被视为与两年的间隔相同）。因此，第一种方法实际上不适用于 LeafletSlider，除非时间字段从一个特征到下一个特征是单调增加或几乎如此。]

其次，您可以调整另一个非 Leaflet 专用滑块来完成这项工作，例如 jQRangeSlider，它有一些相当不错的 options for scales。这是该方法的一个示例：

http://fiddle.jshell.net/nathansnider/p850sr8y/

除了滑块本身之外，它还包括一个自定义控件，它允许您将滑块放置在地图上，以及一个过滤数据的函数，每次移动滑块时都会调用该函数。如果您想了解更多详细信息，我很乐意详细说明。