Cesium入门-2-增加地形
<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <title>自定义的平铺图片数据</title> <script src="https://cesiumjs.org/releases/1.54/Build/Cesium/Cesium.js"></script> <link href="https://cesiumjs.org/releases/1.54/Build/Cesium/Widgets/widgets.css" rel="stylesheet"> </head> <body> <div id="cesiumContainer"></div> <script> Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI4MWI5NTY0Mi1iOGE3LTQ3ZTMtOGQ4OC03NThiN2VkZGI4NTYiLCJpZCI6NzY2Niwic2NvcGVzIjpbImFzbCIsImFzciIsImFzdyIsImdjIl0sImlhdCI6MTU1MDIyNTM5OX0.2Abc9p46PA9kJ3E-BaKMXiyb0rvgo7AFUR1nR78VF7c'; let viewer=new Cesium.Viewer('cesiumContainer',{//世界地形 terrainProvider:new Cesium.CesiumTerrainProvider({ url:Cesium.IonResource.fromAssetId(1), requestWaterMask:true, requestVertexNormals: true }) }) //设置太阳效果.背面为黑 viewer.scene.globe.enableLighting=true; //添加瓦片数据 var tileset=viewer.scene.primitives.add( new Cesium.Cesium3DTileset({ url:Cesium.IonResource.fromAssetId(15792) }) ) viewer.zoomTo(tileset); </script> </body> </html>
Cesium中地形可以在新建Viewer中,第二个参数,配置项进行配置,由{}对象形式定义
{//世界地形 terrainProvider:new Cesium.CesiumTerrainProvider({ url:Cesium.IonResource.fromAssetId(1), requestWaterMask:true, requestVertexNormals: true }) }
Cesium.IonResource.fromAssetId(“你的CesiumIon资源ID”) CesiumIcon地址https://cesium.com/ion/signin
requestWaterMask:true 设定Cesium额外的水效果,
viewer.scene.globe.enableLighting=true;
设置受太阳光照效果,背光的一面为黑色
//添加瓦片数据var tileset=viewer.scene.primitives.add(new Cesium.Cesium3DTileset({url:Cesium.IonResource.fromAssetId(15792) }) )
Cesium中将地图数据由三维变为二维展示中,将一个场景所需要渲染的图片,抽象成瓦片的概念,就类似拼图
本文由 创作,采用 知识共享署名4.0 国际许可协议进行许可
本站文章除注明转载/出处外,均为本站原创或翻译,转载前请务必署名
最后编辑时间为: 2019/02/17 14:00
转载于:https://www.cnblogs.com/telwanggs/p/11289421.html
Cesium入门-2-增加地形相关推荐
- Cesium入门7 - Adding Terrain - 添加地形
2019独角兽企业重金招聘Python工程师标准>>> Cesium入门7 - Adding Terrain - 添加地形 Cesium中文网:http://cesiumcn.org ...
- Cesium入门11 - Interactivity - 交互性
Cesium入门11 - Interactivity - 交互性 Cesium中文网:http://cesiumcn.org/ | 国内快速访问:http://cesium.coinidea.com/ ...
- Cesium 根据经纬度获取地形高程
标题 Cesium 根据经纬度获取地形高程 var positions = Cesium.Cartographic.fromDegrees(lon, lat); Cesium.when(new Ces ...
- cesium 入门开发系列地图鹰眼功能(附源码下载)
前言 cesium 入门开发系列环境知识点了解: cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子 内容概览 cesium 结合 leaflet ...
- 视频教程-Cesium入门-JavaScript
Cesium入门 硕士研究生,本硕均毕业于北京师范大学,专业为计算机科学与技术.专注于大数据,数据可视化,Web等领域.Cesium中文网站长:http://cesium.coinidea.com/. ...
- ROS2与C++入门教程-增加头文件
系列文章目录 ROS2与C++入门教程-目录 ROS2与C++入门教程-新建ros2工作空间 ROS2与C++入门教程-新建ros2包 ROS2与C++入门教程-编写订阅和发布 ROS2与C++入门教 ...
- cesium 入门开发系列矢量瓦片加载展示(附源码下载)
前言 cesium 入门开发系列环境知识点了解: cesium api文档介绍,详细介绍 cesium 每个类的函数以及属性等等 cesium 在线例子 内容概览 cesium 实现矢量瓦片加载效果 ...
- cesium入门示例-测量工具
作为cesium入门示例级别的最后一篇,参考cesium-长度测量和面积测量实现测量工具封装,修改了其中的距离测量函数,计算贴地距离,并对事件内部处理做了调整.包括贴地距离测量.面积测量.结果清除. ...
- vue集成cesium入门教程(1)环境搭建、初始化三维地球
1.概述 这篇内容是<vue集成cesium入门教程>的第一篇,我将记录在vue中集成cesium并实现页面的初始化(显示三维地图页面)等学习内容.效果如下: 2.实现步骤 首先是 ...
最新文章
- R语言中如何计算C-Statistics?几种计算方法详解
- 将jOOQ与Spring结合使用:配置
- 多线程的单元测试工具 - GroboUtils
- 勇探计算机城堡教学反思,神秘的城堡教学反思
- mysql健康检查脚本_MySQL服务健康检查脚本
- HAProxy负载均衡代理
- 软件开发人月成本估算方法
- 百兆电口Lan Bypass实例
- SPC控制图的样品子组大小为什么建议为5
- Ubuntu 16 安装qq教程
- 最佳材料设计Android应用模板
- Android仿网易云项目代码,Android项目实战教程之高仿网易云音乐启动页实例代码...
- oracle字符串分割和提取函数定义
- 官宣:两校合并,落户省会!
- zblog微信小程序模板-青春主题小程序免费开源模板
- PHP案例 许愿墙 PHP许愿墙
- int类型的整数能够表示的最大数字
- 什么是Windows数据恢复?[数据恢复操作指南]
- 去掉python的花括号
- 微积分拾遗——链式法则
热门文章
- Linux内核管理之分配掩码(三)
- 【积少成多】vi的进阶使用
- (10)FPGA顶层通用模块(学无止境)
- db2查最新值的前一天值_贵阳6月最新二手房房价出炉!快看你家房子值多少钱?...
- cad2016中选择全图字体怎么操作_抖音上的书单都是用啥做的,抖音书单图片怎么做...
- Python自定义包
- STM32基础定时器详解
- pyqt5 不报错退出_Python学习之旅:使用virtualenv创建Python环境及PyQT5环境配置
- php只取时间的下士_PHP 获取时间的各种处理方式!
- 【声传播】——球面波的反射