有没有任何方法可以在传单上用恒定的宽度/笔划(以米为单位)而不是像素绘制路径(多段线)
Is there any method to draw Path (Polyline) on Leaflet with constant width/stroke in meters instead pixels?
有人知道在传单上绘制以米为单位的恒定宽度的多段线的工作方法吗?
我找不到任何有效的解决方案。有关传单路径的文档只有以像素为单位的权重笔划。
我刚刚发布了leaflet-corridor
插件,它完全符合您的要求:绘制宽度固定为米的多段线。
演示
Github存储库
用法:
var corridor = L.corridor([/*Array of L.latlng*/], widthInMeters);
map.addLayer(corridor);
没有任何类似的方法,但知道屏幕上的像素密度,就可以获得1米所需的像素数。
您的地图平铺提供程序可能会提供所有缩放级别的米/像素数据。OpenStreetMap示例:http://wiki.openstreetmap.org/wiki/Zoom_levels
然后添加一个要缩放的事件,该事件基于当前缩放级别缩放多段线的笔划宽度。
相关文章:
- 如果宽度是百分比,如何设置以px为单位的图像高度
- 如何将datetime转换为以毫秒为单位的epoch时间javascript
- 每小时倒计时一次,但以30分钟为单位
- 以天为单位计算年龄-Javascript
- 是否可以使用javascript获取以em为单位的窗口宽度
- 获取以屏幕像素为单位的旋转SVG元素的边界
- GridStack项的高度和宽度(以像素为单位)
- 有没有一种方法可以检查javascript以毫秒为单位执行一个函数需要多长时间
- JQPlot's仪表-以针为单位显示值
- Moment.js unix时间戳,以分钟为单位显示以前的时间
- 从Javascript到C#获取正确的日期(以毫秒为单位)
- 远距离变换元素的宽度/高度(以像素为单位)
- jquery匹配以px为单位的样式字体大小的元素
- 以周为单位计算日期差异(Javascript)
- 以非像素为单位获取HTML DOM元素的CSS高度,在我的例子中是英寸
- Three.js从相机中提取以弧度为单位的旋转
- 为什么setInterval不是以千毫秒为单位
- JavaScript-从HTML img src中获取以字节为单位的大小
- 使用本地存储以毫秒为单位占用时间
- 有没有任何方法可以在传单上用恒定的宽度/笔划(以米为单位)而不是像素绘制路径(多段线)