https://github.com/xiaoiver/custom-mapbox-layer

A custom layer based on Mapbox
https://github.com/xiaoiver/custom-mapbox-layer

gis mapbox

Last synced: 2 months ago
JSON representation

A custom layer based on Mapbox

• Host: GitHub
• URL: https://github.com/xiaoiver/custom-mapbox-layer
• Owner: xiaoiver
• Created: 2019-02-18T08:26:38.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-07-23T14:15:04.000Z (almost 6 years ago)
• Last Synced: 2025-03-29T11:21:51.429Z (3 months ago)
• Topics: gis, mapbox
• Language: TypeScript
• Homepage: https://xiaoiver.github.io/custom-mapbox-layer/?path=/story/vectorlayer--cluster
• Size: 5.47 MB
• Stars: 91
• Watchers: 4
• Forks: 27
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## A custom layer based on Mapbox

基于 Mapbox Custom Layer Interface 开发的一些地理信息可视化 DEMO。

涉及一些 WebGL 渲染技术，在知乎上发表了一系列文章：

* [在 WebGL 中绘制地图（多边形篇）](https://zhuanlan.zhihu.com/p/52989166)

* [在 WebGL 中绘制直线](https://zhuanlan.zhihu.com/p/59541559)

* [在 WebGL 中渲染文字](https://zhuanlan.zhihu.com/p/65421383)

* [WebGL 中的顶点数据压缩](https://zhuanlan.zhihu.com/p/67484498)

* [解决高缩放等级下的抖动问题](https://zhuanlan.zhihu.com/p/57469121)

* [使用数据瓦片展示海量数据](https://zhuanlan.zhihu.com/p/64130041)

* [使用 k-d tree 实现点聚合图](https://zhuanlan.zhihu.com/p/64450167)

* [在动态地图中实现文本标注（一）](https://zhuanlan.zhihu.com/p/72222549)

* [在动态地图中实现文本标注（二）](https://zhuanlan.zhihu.com/p/74373214)

使用 storybook 展示例子

```bash

npm run storybook

```

## Features

### 文本标注

![Polygon 要素标注](./static/text-polygon.png)

### 数据瓦片 + Cluster

[ClusterLayer](https://xiaoiver.github.io/custom-mapbox-layer/?path=/story/vectorlayer--cluster)

## TODO

regl 不支持 WebGL2: https://github.com/regl-project/regl/issues/378