javascript - 如何使用 leaflet.js 呈现风观测

标签 javascript leaflet weather

我是传单菜鸟。 我有一些天气数据,我想使用传单 map 来显示它,但我很难说服自己我想做的事情是可能的。具体来说,我想将观察到的风速和风向与预测的风速和风向进行比较。可视化风速和风向的常用方法是使用 Wind Barb .

所以我看到了两个问题:
1. 我需要会画倒钩,并且
2. 我需要能够旋转它以指向正确的基本方向。

对于 1,我想我可以预先绘制一些风速从 5 到 50 的倒钩,每 5 个单位。

对于 2,我必须根据标记所在的位置旋转该标记以指向正确的基本方向。这就是我感到困惑的地方。谁能向我解释这将如何完成?它是否依赖于投影?

我不认为那里有传单插件可以为我处理所有这一切。到目前为止,我还没有找到任何东西。

最佳答案

我一直在研究类似的东西。 我发现了一种非常漂亮且直观的方法来表示矢量信息。 看看下面的例子:

http://earth.nullschool.net/

http://hint.fm/wind/

http://air.nullschool.net/

http://googlemapsmania.blogspot.com/2014/07/the-growth-of-slippy-wind-map.html

就我而言,我仍然需要为我想在 Leaflet map 上绘制的风/海洋数据找到合适的格式。这当然不是一个快速修复,但是伙计,它看起来很棒!

也许这对您也有帮助。我希望能够尽快发布一个有效的解决方案。

关于javascript - 如何使用 leaflet.js 呈现风观测,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26025573/

相关文章:

javascript - Javascript 构造函数失败

javascript - 没有为 node_modules 中的库定义 Angular2 require

c# - 通过提供邮政编码获取位置名称

javascript - 经典工具包的 ExtJS 地理定位用法

javascript - 将样式应用于单击的图像而不是全部

javascript - 如何使用 location.href 而不是 location.pathname

javascript - Leaflet JS - 实现手势处理以强制执行 2 指滚动

reactjs - 如何在我的单元测试中模拟点击 react-leaflet 标记?

javascript - 使传单 map 移动响应

windows - 如何在 Windows 桌面上创建暴风雪?