【问题标题】:How to present wind observation with leaflet.js如何使用leaflet.js 呈现风观测
【发布时间】:2014-11-19 11:00:30
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: javascript leaflet weather


    【解决方案1】:

    我知道这是一个老问题,但这可能对某些人仍然有用。我遇到了同样的普遍问题:我想使用标准风倒钩显示风速和风向。我没有找到对 Leaflet 有用的插件,所以我创建了自己的插件。

    该插件以节(海里(1.852 公里)每小时)的速度和以度为单位的方向的形式获取输入数据。然后它生成风倒钩并输出一个图标。这个图标可以很容易地添加到传单标记中。

    你可以在这里下载:https://github.com/JoranBeaufort/Leaflet.windbarb 你可以在这里看到一个活生生的例子:http://www.geonet.ch/leaflet-windbarb/

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

    【讨论】:

    • 哇,太酷了,可惜我需要这个项目在去年夏天结束,但如果我不得不再次走这条路,我会记住这一点。
    【解决方案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 地图上绘制的风/海洋数据找到合适的格式。这当然不是一个快速修复,但是伙计,它看起来很棒!

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

    【讨论】:

    • 非常酷的 Fred,唉,时间限制让我走上了另一条路。我已经有办法在 SVG 中绘制地图和风刺,所以我选择了那条路。我的地图是固定的,所以没有花哨的缩放和平移,但至少我可以控制图层的可见性以允许查看者打开或关闭图层,这是一个优点,因为我们正在将 6 个模型的风与观察到的风进行比较。希望我可以发布一个链接,但该页面不公开。不过我很想看看你的最终结果。
    • 它没有解决我的问题,但我敢打赌这对其他人来说是一个很好的解决方案,因此我会接受它。
    【解决方案3】:

    希望有人可以详细说明我的答案,以帮助您实现目标。我建议调查Open Weather Map API
    我能想到的关于流程的最佳想法是:
    1. 调用 OWM,传入在地图上单击的点的纬度/经度。
    2.捕获OWM返回的JSON对象的风速和风向。
    3. 根据风速和风向确定使用哪种风倒刺标记。将其添加到地图中。

    如果一切都失败了,OWM 确实有一个“风”切片图层,您可以使用它来显示风数据。祝你好运。

    【讨论】:

    • 谢谢,克里斯。我有自己的风力数据,我正在尝试验证。它是实验性的,因此不能公开使用。我正在考虑尝试看看我是否可以至少使用 MapServer 来提供模型风。不过,我会再次查看 Open Weather Map。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2022-11-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-05-18
    相关资源
    最近更新 更多