ocean-weather

A Vue.js project

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For detailed explanation on how things work, checkout the guide and docs for vue-loader.

Example

在线访问地址：https://linghuam.github.io/ocean-weather/dist/

leaflet-velocity demo：https://danwild.github.io/leaflet-velocity/

理论依据

数据来源
grib数据格式
数据转换
双线性插值算法
热力图
在leaflet上绘制canvas图
leaflet-velocity

问题

全球跨180度展示

worldCopyJump:true

Leaflet/Leaflet#1293

https://github.com/Leaflet/Leaflet/pull/1293/commits/66b5054b21646fa835b99d47c94bfbb0e8b42062
线光滑

http://turfjs.org/docs/#bezier
海陆裁剪

canvas剪辑区域