# MVTProvider

**Repository Path**: jslibs/MVTProvider

## Basic Information

- **Project Name**: MVTProvider
- **Description**: 支持cesium加载矢量切片服务，主要引用github开源项目mvtimageryprovider并做了简单修改，版权归https://github.com/kikitte/MVTImageryProvider.git所有。
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2024-12-12
- **Last Updated**: 2024-12-12

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