mapbox-plugins icon indicating copy to clipboard operation
mapbox-plugins copied to clipboard

Customized Mapbox :earth_asia: plugins, including game :video_game: control, canvasOverlayer , scene animation. using ES6

Results 7 mapbox-plugins issues
Sort by recently updated
recently updated
newest added

作者你好,项目后续还有更新吗?

Bumps [eslint](https://github.com/eslint/eslint) from 4.13.1 to 4.18.2. Release notes *Sourced from [eslint's releases](https://github.com/eslint/eslint/releases).* > ## v4.18.2 > * 6b71fd0 Fix: [email protected], because 4.0.3 needs "ajv": "^6.0.1" ([#10022](https://github-redirect.dependabot.com/eslint/eslint/issues/10022)) (Mathieu Seiler) > *...

dependencies

### 拿到一张UV风速图 其实数据是来源于NOAA 的Grid 格点风力数据,分辨率是1度,全球共360*180 个格点 (总计64,800个). 那么就我之前的了解,风力数据一般都是分为U/V 两个方向,包括NetCDF 数据也是,坐标信息是隐含在grid 的索引中,风力记录在了 U/ V 两个垂直的方向. 把水平U 方向的风力和 垂直V 方向的风力数值分别作为 RGB波段的 R,G 两个数值,合成一张png就如图所示。 由于我没有采用官网的数据下载API,所以没有拿到原始的json 数据,只拿到一张png,所以无法反演出 U/V 数值的符号,只有正值. 所以最后渲染出来只有第一象限的风向,当然作为演示应该没问题。 ![2016112000 UV风力图](https://user-gold-cdn.xitu.io/2017/12/28/1609a9bbc1b76023?w=360&h=180&f=png&s=93629) ``` 根据UV...

- [ ] write blog sharing async/await in scene animation control. - [x] build voxelized terrain using extrusion layer in Mapbox (inspired by Minecraft World) - [ ] refactor route...

enhancement

## Beep boop. Your images are optimized! Your image file size has been reduced by **15%** 🎉 Details | File | Before | After | Percent reduction | |:--|:--|:--|:--| |...

前几天有很多人问到了如何绘制高德地图那样的**导航箭头线**效果,当时想了想并不难就先用canvas 做了,然后[集成到mapbox 上](https://alex2wong.github.io/mapbox-plugins/examples/line_style/),迁移到其他map lib 也只需要应用相应的**地理转屏幕坐标**函数。 ### 线的绘制样式 在canvas 的应用中我们经常会遇到各种线样式的绘制,比如虚线,渐变线,带pattern 线(箭头,铁轨图标等),或者虚线与pattern 的动画效果。如下图所示,总结下实现方法。 ![各种线样式](https://user-gold-cdn.xitu.io/2018/8/12/1652c494ebde5f1b?w=894&h=501&f=png&s=117143) ### 虚线样式 - 利用 CanvasRenderingContext2D.setLineDash 的方法设置虚线样式, 接受一个数组类型的参数([solid: number, empty:number]) ,表示实线虚线的像素比例. 比如 ctx.setLineDash([10, 5]),就可以画出上图的虚线效果。发挥想象可以做出更多奇特效果。比如让虚线动起来,有走马灯的感觉。。 ### 渐变线样式 通过 createLinearGradient 函数创建渐变,然后设定其渐变色段,...