cesium渲染路网图矢量瓦片,影像瓦片,地形瓦片

时间:2025-03-28 10:11:51
  • case "1":
  • //路网图为mapbox格式的json
  •                     window.$viewer.scene.terrainProvider = new Cesium.EllipsoidTerrainProvider({});
  •                     window.$viewer.imageryLayers.remove(currentLayer);
  •                  api.getJson({ url: 'xxxxx', json: '' }).then(res => {
  •                 // (res)
  •                 let style=res
  •                 const provider = new MVTImageryProvider({
  •                     style:style
  •                 });
  •                 provider.readyPromise.then(() => {
  •                     window.$viewer.imageryLayers.addImageryProvider(provider);
  •                 });
  •             })
  •                     break;
  •                 case "2":
  •                     // 影像瓦片
  •                     let  imageMapLayer = new Cesium.UrlTemplateImageryProvider({
  •                         url:"xxxx/{z}/{x}/{y}.png",
  •                         maximumLevel: 18,
  •                     });
  •                     window.$viewer.scene.terrainProvider = new Cesium.EllipsoidTerrainProvider({});
  •                     window.$viewer.imageryLayers.remove(currentLayer);
  •                     let imageLayerMap =                     window.$viewer.imageryLayers.addImageryProvider(imageMapLayer);
  •                     imageLayerMap.name = 'imageMap';
  •                     break;
  •                 case "3":
  •                     // 地形瓦片
  •                     // 添加地形数据
  •                         //需要下载DTTCesiumTerrainProvider插件
  •                     window.$viewer.terrainProvider = new DTTCesiumTerrainProvider({
  •                         url: 'xxxx?z={z}&x={x}&y={y}',
  •                         maxLevel: 18
  •                     });
  •                     window.$viewer.scene.globe.depthTestAgainstTerrain = true;
  •                     window.$viewer.scene.screenSpaceCameraController.zoomEventTypes = [
  •                     Cesium.CameraEventType.WHEEL
  •                     ];
  •                     window.$viewer.scene.screenSpaceCameraController.tiltEventTypes = [
  •                     Cesium.CameraEventType.RIGHT_DRAG
  •                     ]
  •                     window.$viewer.scene.screenSpaceCameraController.minimumZoomDistance = 0.8;
  •                     break