# custom-mapbox-layer

**Repository Path**: lianming/custom-mapbox-layer

## Basic Information

- **Project Name**: custom-mapbox-layer
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-04-23
- **Last Updated**: 2021-04-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## 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