cesium初始化

一时失言乱红尘 2022-11-25 10:29 145阅读 0赞

洒家接触cesium不久，从现在开始要陆续记录下心得。年纪大了，脑细胞成片成片地死亡，快成S逼了。

一般来说，我们应用个什么东西，都不会老老实实地采用默认值，一定会折腾一下才过瘾。那么，cesium怎么初始化呢？我是这样的：

let defaultAccessToken = "";
    Cesium.Ion.defaultAccessToken = defaultAccessToken;
    var viewer = new Cesium.Viewer("cesiumViewer",{ 
    	imageryProvider : new Cesium.ArcGisMapServerImageryProvider({ 
    		//url : 'http://192.168.0.205:6080/arcgis/rest/services/GDSTXF/QGSLT_3857/MapServer',//矢量
    		url: "//services.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer",
    		//url:"http://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetPurplishBlue/MapServer"//午夜蓝
    	}),
    	//baseLayerPicker: false, //关闭图层选择器
    	//放大镜图标，查找位置工具，查找到之后会将镜头对准找到的地址，默认使用bing地图
    	//geocoder: false,
    	//房子图标，视角返回初始位置
    	//homeButton: false,
    	//经纬网图标，选择视角的模式，有三种：3D，2D，哥伦布视图（2.5D)
    	//sceneModePicker: false,
    	//地图图标，图层选择器，选择要显示的地图服务和地形服务,默认会用到cesium.ion
    	baseLayerPicker: false,
    	//问号图标，导航帮助按钮，显示默认的地图控制帮助
    	navigationHelpButton: false,
    	animation: false,//动画器件，显示当前时间，允许跳转特定时间
    	timeline: false,//时间轴
    	//全屏图标，全屏按钮
    	fullscreenButton: false,
    	//虚拟现实
    	//vrButton: true,
    	//阴影
    	shadows: true,
    	//点击后显示详细信息
    	//infoBox: true,
    	//展示数据版权属性
    	CreditsDisplay: false,
    	//terrainExaggeration: 3.0, //地形夸大
    	shouldAnimate: true
    });
    
    (function(){ 
    	viewer._cesiumWidget._creditContainer.style.display = "none"; //隐藏版本信息
    	//viewer.scene.debugShowFramesPerSecond = true; //显示帧率,帧率与显示流畅度有关，或说与显卡有关
    	viewer.scene.skyBox.show = true; //是否显示星空
    	//viewer.scene.backgroundColor = Cesium.Color.BLUE;//地球背景颜色
    	viewer.scene.sun.show = true; //是否显示太阳
    	viewer.scene.moon.show = true; //是否显示有月亮
    	viewer.scene.skyAtmosphere.show = true; //是否隐藏大气圈
    	viewer.scene.globe.show = true; //是否显示地球 
    	//Rectangle(west, south, east, north)
    	var lon = 100.48;
    	var lat = 30;
    	Cesium.Camera.DEFAULT_VIEW_RECTANGLE = Cesium.Rectangle.fromDegrees(lon, lat, lon + 1, lat + 1);
    	Cesium.Camera.DEFAULT_VIEW_FACTOR = 2.8;
    	viewer.camera.setView({ 
    	  destination:Cesium.Cartesian3.fromDegrees(lon,lat,19000000.0),
    	  orientation:{ //此视角为观察者/相机
    		  heading:0,//Cesium.Math.toRadians(0),//偏航
    		  pitch:Cesium.Math.toRadians(-90.0),//俯仰，人如果在赤道上空，俯仰角为0可见地球。如果在北纬，俯仰角为负才能见地球
    		  roll:0.0//翻滚
    	  }
    	});
    
    })();

效果如下  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlZnRmaXN0_size_16_color_FFFFFF_t_70]  
至于右侧的工具条和左下的LOGO，下回分解。

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xlZnRmaXN0_size_16_color_FFFFFF_t_70]: /images/20221124/03016d9000dc43b8b4b4563e42c26f37.png

发表评论取消回复

表情：

评论列表（有 0 条评论，145人围观）

还没有评论，来说两句吧...

相关阅读

相关 cesium学习——cesium中的坐标

一、坐标展现形式　　在cesium中，对于坐标数值单位有三种：角度、弧度和坐标值　　1.角度　　　　角度就是我们所熟悉的经纬度，对于地球的坐标建立如下：　　　　

r囧r小猫/ 2023年08月17日 17:24/ 0 赞/ 159 阅读

相关 [three][cesium] | 使用three渲染cesium地球瓦片

基于了cesium的四叉树调度地形影像数据，使用three构建球体和mesh瓦片并渲染，在每一帧渲染的时候更新frameState所需的参数。目前已经实现大概的加载流程还有

旧城等待，/ 2023年01月16日 03:19/ 0 赞/ 207 阅读

相关 cesium 相机跟随

一场大的台风，路径通常很长，可能从靠近赤道的太平洋一直往北吹到东三省。跨度这么大，在三维GIS中，往往不容易看全。如果能够实现相机随动效果，即相机跟随台风步进、移动，就生动许多

素颜马尾好姑娘i/ 2022年12月02日 15:10/ 0 赞/ 674 阅读

相关 cesium初始化

洒家接触cesium不久，从现在开始要陆续记录下心得。年纪大了，脑细胞成片成片地死亡，快成S逼了。一般来说，我们应用个什么东西，都不会老老实实地采用默认值，一定会折腾一下才

一时失言乱红尘/ 2022年11月25日 10:29/ 0 赞/ 146 阅读

相关 cesium 知乎_Cesium入门4 – 创建Cesium Viewer

任何Cesium应用程序的基础都是Viewer。Viewer是一个带有多种功能的可交互的三位数字地球的容器(盒子)。创建一个Viewer和HTML中的一个id为”cesiumC

超、凢脫俗/ 2022年10月24日 06:12/ 0 赞/ 384 阅读

相关 [cesium] | 结合Cesium的点云+全景展示

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhp

矫情吗；*/ 2022年10月09日 06:25/ 0 赞/ 756 阅读

相关 Cesium扩展圆

1.计算圆半径 let maxR = 400000; let minR = 1000; let deviationR = 1000; func

分手后的思念是犯贱/ 2022年09月09日 06:04/ 0 赞/ 197 阅读

相关 cesium雷达扫描

1.根据第一点、距离、角度计算第二点 function secPoint(jd, wd, radius, heading){ let m = Cesi

川长思鸟来/ 2022年09月09日 06:03/ 0 赞/ 247 阅读

相关 Vue+Cesium

VUE 一、安装node环境 1. [官方网址][Link 1] 建议下载长期稳定版本 2. 检查安装是否成功打开cmd命令行

Bertha 。/ 2022年03月16日 05:44/ 0 赞/ 759 阅读

相关【Cesium】天空盒子

![37018-20181121143524851-1693052264.png][] skyBox: new Cesium.SkyBox(\{ sources: \{

我就是我/ 2021年09月30日 13:28/ 0 赞/ 757 阅读