Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.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 在传单地图上添加jquery标尺_Javascript_Jquery_Leaflet - Fatal编程技术网

Javascript 在传单地图上添加jquery标尺

Javascript 在传单地图上添加jquery标尺,javascript,jquery,leaflet,Javascript,Jquery,Leaflet,我需要一个关于传单地图沿X,Y轴尺,但传单API不支持它,也没有可用的插件。有一个jquery标尺可以满足我的需要。可以在传单地图上添加jquery标尺吗 以下是一个例子: 标尺也必须调整到传单地图的缩放级别。请建议 如果可以在每次缩放后计算地图的角点,则只需重置标尺的起点;)。可能您必须编写一些获取角点坐标的逻辑。尚未深入研究这两种坐标的代码,但这里有一个折衷: 传单已经连接到传单缩放活动。应能够复制x轴并将其作为y轴旋转90º。但是,请记住,传单比例控制旨在测量球面(即地球)上的距离,而

我需要一个关于传单地图沿X,Y轴尺,但传单API不支持它,也没有可用的插件。有一个jquery标尺可以满足我的需要。可以在传单地图上添加jquery标尺吗

以下是一个例子:


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

如果可以在每次缩放后计算地图的角点,则只需重置标尺的起点;)。可能您必须编写一些获取角点坐标的逻辑。

尚未深入研究这两种坐标的代码,但这里有一个折衷:

  • 传单已经连接到传单缩放活动。应能够复制x轴并将其作为y轴旋转90º。但是,请记住,传单比例控制旨在测量球面(即地球)上的距离,而不是平面xy平面上的距离

  • jquery标尺插件应该更容易破解,在内部,它不应该测量球面距离。不过,您必须在缩放时更新它的值。查看传单活动。像这样使用它:

map.on('zoomend',函数(事件){
更新器(…);
});


作为背景,您可能应该提到,您正在修改传单以显示建筑房屋平面图(在平面xy平面上渲染),并将其重新投影到传单的球形墨卡托投影上。看见这很重要b/c传单假设您的图像是从球体而不是平面投影的。