cesium入门学习4——地形

第一中方式

在创建 new viewer中传入参数

terrain: Cesium.Terrain.fromWorldTerrain(), // 地形数据

javascript 复制代码
 const viewer = new Cesium.Viewer('cesiumContainer', {
        geocoder: false,//地理编码搜索组件
        homeButton: false,//将视角返回到初始位置
        sceneModePicker: false,//场景控制器,可以切换2D、2.5D(哥伦布视图)、3D场景。
        baseLayerPicker: false,//地图图层组件基础图层选择器,可以选择基础地图服务和地形服务
        navigationHelpButton: false,//帮助按钮导航帮助按钮,显示有关地图控制的帮助信息。
        animation: false,//如果设置为false,则不会创建'动画'小部件。
        timeline: false,//时间轴时间线,指示当前时间,并允许用户跳到特定时间
        fullscreenButton: false,//全屏组件
        // CerditsDisplay
        infoBox: false,//信息框
        selectionIndicator: false,//选取指示器组件 是否显示对象选种框
        navigationInstructionsInitiallyVisible: false,
        vrButton: false,
        shouldAnimate: true,//用于粒子效果打开动画效果 important
        terrain: Cesium.Terrain.fromWorldTerrain(), // 地形数据
        //旧版地形
        // terrainProvider: Cesium.createWorldTerrain(),
        //  terrainProvider:new Cesium.createWorldTerrain({
        //     requestVertexNormals: true, //开启地形光照
        //     requestWaterMask: true, // 开启水面波纹
        // }),
    })

第二种方式

javascript 复制代码
// 添加地形数据
const addWorldTerrainAsync = async (viewer: Cesium.Viewer) => {
    try {
        const terrainProvider = await Cesium.createWorldTerrainAsync({
            requestWaterMask: true,// 开启水面波纹
            requestVertexNormals: true,//开启地形光照
        });

        viewer.terrainProvider = terrainProvider;
    } catch (error) {
        console.log(`Failed to add world imagery: ${error}`);
    }
};

第三种

javascript 复制代码
  //添加地形服务
let url="http://data.marsgis.cn/terrain"
  async addTerrain(url) {
    try {
      var terrainLayer = await Cesium.CesiumTerrainProvider.fromUrl(url, {});
      this.viewer.scene.terrainProvider = terrainLayer;
      return terrainLayer;
    } catch (error) {
      console.log(`Error loading tileset: ${error}`);
    }
  },
相关推荐
百锦再10 小时前
重新学习Vue中的按键监听和鼠标监听
javascript·vue.js·vue·计算机外设·click·up·down
飞翔的佩奇13 小时前
Java项目:基于SSM框架实现的忘忧小区物业管理系统【ssm+B/S架构+源码+数据库+毕业论文+开题报告】
java·数据库·mysql·vue·毕业设计·ssm框架·小区物业管理系统
百锦再2 天前
Vue中对象赋值问题:对象引用被保留,仅部分属性被覆盖
前端·javascript·vue.js·vue·web·reactive·ref
一笑code2 天前
vue/微信小程序/h5 实现react的boundary
微信小程序·vue·react
eric*16882 天前
尚硅谷张天禹老师课程配套笔记
前端·vue.js·笔记·vue·尚硅谷·张天禹·尚硅谷张天禹
喜欢敲代码的程序员3 天前
SpringBoot+Mybatis+MySQL+Vue+ElementUI前后端分离版:项目搭建(一)
spring boot·mysql·elementui·vue·mybatis
海的诗篇_3 天前
前端开发面试题总结-原生小程序部分
前端·javascript·面试·小程序·vue·html
sunbyte3 天前
50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | DragNDrop(拖拽占用组件)
前端·javascript·css·vue.js·vue
一个有理想的摸鱼选手3 天前
CesiumLite-开箱即用的轻量化三维地图包(持续更新中...)
gis·cesium
不浪brown13 天前
重磅开源!Cesium实现高度雾仿真,谁再说Cesium做不出好效果?
cesium