Leaflet 可视化--风场、海浪、洋流、气压、温度等

Leaflet 可视化--风场、海浪、洋流、气压、温度等

实现效果

Leaflet 可视化气象数据

概述

基于leaflet.js实现的矢量、标量数据可视化Demo。
包含风场、海浪、洋流、气压、温度等矢量或标量气象数据的可视化展示。

Demo 视频

Leaflet动态显示–风场、海浪、洋流、气压、温度等矢量、标量数据

参考项目

Demo概述

leaflet-vector-scalar.js 是Demo的核心文件。是基于leaflet-velocity(矢量部分) 同时参考 earth(标量部分) 项目来完成的。
代码还不是很完善。如有需要可自行修改leaflet-vector-scalar.js 文件里,载图中的库类。
L.velocityLayer 和 Wind 是矢量相关类,L.ScalarLayer 和 Scalar 是标量相关类。

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

关于气象数据

请自行参考earth项目中 getting weather data 章节中,关于如何获取实时及历史数据的内容。

源码地址

github.com/chysxslt/leaflet-vector-scalar-js
gitee.com/chysxslt/leaflet-vector-scalar-js

评论 40
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值