在传单地图上添加jquery标尺

Question

我需要在X，Y轴上的传单地图上使用标尺，但是传单API不支持它，并且没有可用的插件。有一个jquery标尺可以满足我的需求。是否可以在传单地图上添加jquery标尺？

以下是示例： http://ruler.hilliuse.com/

标尺也必须调整到传单地图的缩放级别。请建议。

Answer 1

如果您可以在每次缩放后计算地图的角落，则只需重置标尺的起点;）。可能你必须写一些逻辑来获得角坐标。

Answer 2

没有深入研究其中任何一个的代码，但这是权衡：

• 传单的scale-control已经连接到传单缩放事件。应该可以复制x轴并将其旋转90º作为y轴。但是，请记住，小叶尺度控制用于测量球面（即地球）上的距离，而不是平面xy平面。

• jquery标尺插件应该更容易破解，内部，b / c它不应该测量球面距离。但是，您必须在缩放时更新它的值。查看传单zoomend事件。像这样使用它：

map.on('zoomend', function(event){ updateRuler(...); });

leaflet event docs