弄这个是因为看到了https://www.windy.com,想把这个想法加入到天地图中,找了一圈内外网没发现有人分享或者是没能找到吧。之后根据这段时间的接触,发现百度地图和天地图api有很多相似之处,那正好验证一下自己的想法,看能不能移植过来。

有了想法之后便开始找实现风场的资料

https://github.com/mapbox/webgl-wind
https://github.com/QJvic/cesium-wind
https://github.com/sakitam-fdd/wind-layer

从webgl看到canvas实现,最终选择从canvas入手。webgl因为熟悉度不够,所以不是第一选择。

选用方案:https://www.npmjs.org/package/wind-core

在此基础上,封装一个天地图的自定义覆盖物overlay

然后动手开始写示例。

最终搞了一个初版,总算能跑通了。

这里吐槽一下天地图的服务配额,真不够用。创建了两个应用,总计两万的矢量底图-球面墨卡托投影,一天全用完了。

最后贴一张效果图,明天再整理整理

最后修改:2022 年 11 月 30 日
如果觉得我的文章对你有用,奖励一杯咖啡吧!