如何用leaflet.js进行风观测

Question

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

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

对于1我认为我可以预先绘制一些风速，每5个单位从5到50说。

对于2，我必须根据它所在的位置旋转该标记，以指向正确的基本方向。这是我感到困惑的地方。任何人都可以向我解释如何做到这一点？是投影依赖吗？

我不认为那里有一个传单插件会照顾这一切。到目前为止，我还没能找到任何东西。

Answer 1

我一直在做类似的事情。 我发现了一个非常好看且直观的方法来表示矢量信息。 看看以下示例：

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地图上绘制的风/海洋数据找到合适的格式。它肯定不是一个快速解决方案，但男人，它看起来很棒！

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

Answer 2

我知道这是一个老问题，但这可能对某人有用。我有同样的普遍问题：我想用标准风倒钩显示风速和风向。我发现Leaflet没有有用的插件，所以我创建了自己的插件。

该插件以速度（以每小时海里（1.852 km）为单位）和度数的方向获取输入数据。然后它会生成风倒钩并输出一个图标。此图标可以轻松添加到Leaflet标记中。

您可以在此处下载：https://github.com/JoranBeaufort/Leaflet.windbarb 你可以在这里看到一个实例：http://www.geonet.ch/leaflet-windbarb/

我希望这可以帮助您或有类似需求的人。 干杯

Answer 3

希望有人可以详细说明我的答案，以帮助您实现目标。我建议调查Open Weather Map API。
我能想到的最好的想法是流程如何：
1.打电话给OWM，点击地图上的点/长点 2.捕捉从OWM返回的JSON对象的风速和方向 3.根据风速和风向确定要使用的风倒钩标记。将其添加到地图中。

如果一切都失败了，那么OWM确实有一个“风”。 tilelayer，您可以用来显示风数据。祝你好运。