• 第一次实战

移除自带地形 影像


 

// 初始化时移除

 const viewer = new Cesium.Viewer('map3d', {
        terrainProvider: new Cesium.EllipsoidTerrainProvider({}),//移除自带地形
        baseLayerPicker:false,
        homeButton:false,
        infoBox:false,
        timeline:false,
        navigationHelpButton:false,
        geocoder:false,
        sceneModePicker:false,
        animation:false,
        fullscreenButton:false
      });
 
// 使用时移除

viewer.scene.terrainProvider=new Cesium.EllipsoidTerrainProvider({});
 

  const viewer = new Cesium.Viewer('map3d', {
       
        imageryProvider:  new Cesium.UrlTemplateImageryProvider({
          url: {{url}}
        }),//替换为自己的影像
        baseLayerPicker:false,
        homeButton:false,
        infoBox:false,
        timeline:false,
        navigationHelpButton:false,
        geocoder:false,
        sceneModePicker:false,
        animation:false,
        fullscreenButton:false
      });

// 使用时移除

viewer.imageryLayers.removeAll()
//或
viewer.imageryLayers.remove(viewer.imageryLayers.get(0));

vite cesium

引用cesium地球插件,需要先下载cesium以及vite-plugin-cesium
npm i cesium vite-plugin-cesium
或者
yarn add cesium vite-plugin-cesium

此处遇到的坑:下载cesium以及vite-plugin-cesium的时候发现怎么都下载不进去,然后检查之后发现是package-lock.json锁住了,此时我通过将package-lock.json这个文件删除的方法得以解决。
解决方法参考:npm ERR! Cannot read property ‘match’ of undefined 错误处理
2.插件下载完成后, 进行vite-plugin-cesium的配置。

import导入:import cesium from 'vite-plugin-cesium'
使用:vitePlugins(cesium())