# CesiumJS-MVTImageryProvider

**Repository Path**: wujiegis/cesium-js-mvtimagery-provider

## Basic Information

- **Project Name**: CesiumJS-MVTImageryProvider
- **Description**: CesiumJS中提供矢量瓦片渲染，复杂的渲染工作由mapbox-gl-js完成
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 0
- **Created**: 2021-08-11
- **Last Updated**: 2023-10-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

在CesiumJS中提供矢量瓦片渲染，支持Mapbox Style Specification. 项目很简单，复杂的渲染工作由mapbox-gl-js完成，详情请见[Mapbox-vector-tiles-basic-js-renderer](https://github.com/landtechnologies/Mapbox-vector-tiles-basic-js-renderer).

### 如何使用

将项目克隆下来，把src里边的文件放置到合适的地方。

1. 构建ImageryProvider
   ```javascript
   let options = {
     style: Object // 样式对象，必选．
   }
   let provider = new ImageryProvider(options)
   ```
2. 给cesium viewer实例添加ImageryProvider实例
   ```javascript
   cesiumViewer.imageryLayer.addProvider(provider)
   ```

### 例子
提供了一个简单的例子，见cesium-webpack-example文件夹。
运行：
```shell
git clone https://github.com/kikitte/MVTImageryProvider.git
cd MVTImageryProvider/cesium-webpack-example
npm i
npm start
```

### 截图

![Screenshot_20201012_172140](screenshots/Screenshot_20201012_172140.png)

![Screenshot_20201012_172222](screenshots/Screenshot_20201012_172222.png)



### 已知问题
1. 不支持类型为background, raster的图层。
  
### 感谢
https://github.com/landtechnologies/Mapbox-vector-tiles-basic-js-renderer