kilikila / MVTImageryProvider

A Mapbox style renderer for CesiumJS

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Render Mapbox style in CesiumJs. This project is very simple, because the complex rendering task is compeleted by mapbox-gl-js, you should also check Mapbox-vector-tiles-basic-js-renderer for more detail.

中文README

How to use

Clone the project and then place the file in src to appropriate folder.

  1. construct ImageryProvider instance
    let options = {
      style: Object // Mapbox Style Object, required.
    }
    let provider = new ImageryProvider(options)
  2. add ImageryProvider instance to Cesium Viewer
    cesiumViewer.imageryLayer.addProvider(provider)

Example

There is an simple example, see example folder. run:

git clone https://github.com/kikitte/MVTImageryProvider.git
cd MVTImageryProvider/example
npm i
npm start

Screenshots

Screenshot_20201012_172140

Screenshot_20201012_172222

Known Issue

  1. raster layer & background layer are not supported yet.

Credit

https://github.com/landtechnologies/Mapbox-vector-tiles-basic-js-renderer

About

A Mapbox style renderer for CesiumJS


Languages

Language:JavaScript 97.2%Language:HTML 2.8%