方式一:

<template><div style="100vh"><div id="cesiumContainer" /></div>
</template><script>
export default {data() {return {};},mounted() {let viewer = new Cesium.Viewer("cesiumContainer", {terrainProvider: Cesium.createWorldTerrain(),});},
};
</script>

方式二:

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Cesium地形</title><link href="https://file.rivermap.cn/lj/cesium/Widgets/widgets.css" rel="stylesheet"><script src="https://file.rivermap.cn/lj/cesium/Cesium.js"></script><style>* {margin: 0;padding: 0}</style>
</head><body><div id="cesiumContainer" style=" width: 100vw;height: 100vh;"></div>
</body><script>Cesium.Ion.defaultAccessToken ="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiJjZGM2NzY1NS03MTFlLTQ3NjktODUxNi1jZjI5MDA3YTA2ZDQiLCJpZCI6MzA4MTEsImlhdCI6MTYzODQ5ODMwMX0.O6T03LzklQmbz8TUux0yVTM7k7Wwm15TlXQvVfjl01A";var viewer = new Cesium.Viewer("cesiumContainer", {terrainProvider: new Cesium.CesiumTerrainProvider({url: 'http://localhost/WeServer/tms/1.0.0/layer_dem',//DEM地形切片数据地址})});viewer.camera.flyTo({destination: Cesium.Cartesian3.fromDegrees(86.9, 27.9, 12000.0),orientation: {heading: Cesium.Math.toRadians(20.0),pitch: Cesium.Math.toRadians(-35.0),roll: 0},easingFunction: Cesium.EasingFunction.CUBIC_IN})
</script></html>

cesium中添加高程terrain地形相关推荐

  1. cesium开发加油站1:cesium场景添加多边形贴地形或模型

    cesium开发加油站1:cesium场景添加多边形贴地形或模型 前言 原代码 更改后代码 前言 本篇文章主要介绍ceisum场景中,用GroundPrimitive替换Primitive加载多边形时 ...

  2. Cesium中添加entitie模型,实现贴地。

    1.Cesium中添加entitie模型,实现贴地. 2. 添加模型 const createModel = (url) => {const entity = viewer.entities.a ...

  3. cesium中添加建筑白模

    1.在cesium中添加模型依赖于Cesium ion帐户的资产id,在这里创建账户. 2.上传模型(模型文件类型在Cesium ion中有说明,模型的提取办法可在这里查看)到账户中并平铺为3D Ti ...

  4. Unity中动态修改Terrain地形

    以下类实现了在Unity中动态的修改Terrain的功能,可以在运行时升高.降低以及平滑地形高度.在Unity的Play Mode修改地形后退出Play Mode仍然会保留修改:当游戏打包成独立的可执 ...

  5. Cesium中常用的一些地理数据文件 以及数据相关的东西

    KML Cesium.KmlDataSource.load CZML Cesium.CzmlDataSource.load GeoJson Cesium.GeoJsonDataSource.load ...

  6. Cesium入门7 - Adding Terrain - 添加地形

    2019独角兽企业重金招聘Python工程师标准>>> Cesium入门7 - Adding Terrain - 添加地形 Cesium中文网:http://cesiumcn.org ...

  7. 在cesium中使用3D地形数据terrain builder的打开步骤

    本来题目名字叫做(大龄无经验程序员终成正果----纪念上班第三天),后加之后再,不行,必须把这篇博文发出去了.本篇用cesium-terrain-builder生成cesium可以使用的地形数据并用c ...

  8. Cesium获取绘制范围内地形高程进行淹没分析

    Cesium淹没分析,看起来以为很难实现,其实实现起来还是比较简单的,构建一个面,动态设置其extrudedHeight属性,一定要使用CallbackProperty动态设置extrudedHeig ...

  9. Cesium中获取地形三角网并进行土方计算

    三角网获取 Cesium渲染地形时,以 QuadtreePrimitive 管理地形四叉树,四叉树的每一块瓦片用 QuadtreeTile 来实现.因此 QuadtreeTile 中存储了渲染地形所需 ...

最新文章

  1. 多字节与UTF-8、Unicode之间的转换
  2. cut和tr命令的联合使用
  3. 一次 Discuz X3.2 切换数据库后无法登录的问题排查经历
  4. 双目测距(一)--图像获取与单目标定
  5. paip.HTML文本框INPUT无法输入的解决
  6. win10创建html,小米随身WIFI在WIN10下无法创建.htm
  7. 编辑mike的dfs2、dfs0等文件
  8. fcpx插件:去除音频中的回声混响插件 EchoRemover
  9. wincc远程服务器配置,WINCC-OPC服务器配置
  10. font在html语言中是什么意思,font标签什么意思
  11. 室内定位之蓝牙定位精度(蓝牙RSSI定位)
  12. 应用bootstrap模板
  13. springboot+dubbo+tomcat部署出错问题
  14. ActiveMQ基本详解
  15. 南宁富士康c语言笔试题,富士康笔试题目
  16. cad字体安装_如何安装CAD字体库,让打开图纸时显示quot;?quot;的现象都消失?【AutoCAD教程】...
  17. 瀑布图-图表自定义系列属性
  18. 电脑删除的照片怎么恢复?
  19. 中国海洋大学第四届朗讯杯高级组 Playing Fair with Cryptography
  20. mysql 查看锁表信息

热门文章

  1. tensorflow_addons(tfa)安装与使用
  2. Scrum简述及常用术语解释
  3. matlab 数值积分举例,matlab数值积分实例
  4. DSP芯片方面的问题
  5. 众昂矿业对近年全球萤石市场形势分析
  6. python学习内容大全_Python学习资料收集
  7. 信道 频段 带宽 速率 几点总结
  8. ziheng -计算器
  9. 工业机器视觉中光源的分类与选型
  10. 你应该知道的前端面试题(万字总结)