正文

Cesium 实践

IP云
IP云V管理员/5 阅读
08/16
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

详细内容请参考教程：https://www.jianshu.com/p/31c3b55a21eb

该教程翻译自官方英文教程，对入门cesium 帮助很大。

2,Cesium项目实例    实践：

问题1

替换cesium库 这一步中，

原文：

解决方法也很简单，我们使用Cesium最新版1.51里的文件替换到如下目录

自己下载的是1.55版本，应该从1.55文件路径如：  E:\test\ceisum\Cesium-1.55\Build\Cesium  中拷贝所有文件   替换上图中文件。
Cesium 下载地址  https://cesiumjs.org/downloads/

问题2

地形图层 这一步中，注意修改自己的token

token从 cesium ion 中去获取， cesium ion地址：https://cesium.com/ion/signin/assets/2 ， 注册一下就行，个人理解类似于自己的数据仓库，  从如下位置可以获取token

另外token在  js 文件中的格式为：Cesium.Ion.defaultAccessToken = 'xxxxxxxxxxxx';         注意不是 Cesium.Ion.defaultAccessToken = '<xxxxxxxxxxxx>';  一开始根据教程示例 js 去修改  没有删除 <> ，就不行。

此外，这里别忘了注释掉如下图所示27行代码（图中为注释后），

之后，有三种方式可以配置地形图层 

第一种

var viewer = new Cesium.Viewer('cesiumContainer', {
terrainProvider : new Cesium.CesiumTerrainProvider({
url: Cesium.IonResource.fromAssetId(1)
}),
});

第二种

viewer.terrainProvider = new Cesium.CesiumTerrainProvider({
url: Cesium.IonResource.fromAssetId(1)
});

第三种 (教程里的)

Cesium.createWorldTerrain({
requestWaterMask : true, // required for water effects
requestVertexNormals : true // required for terrain lighting
});

问题3

添加 WMS、WMTS服务

//////////////////////////////////////////////////////////////////////////
// Loading WMS
////////////////////////////////////////////////////////////////////////// var provider = new Cesium.WebMapServiceImageryProvider({
url : 'https://basemap.nationalmap.gov/arcgis/services/USGSHydroCached/MapServer/WMSServer',
layers : '0',
});
viewer.imageryLayers.addImageryProvider(provider);

//////////////////////////////////////////////////////////////////////////
// Loading WMTS
//////////////////////////////////////////////////////////////////////////
var shadedRelief1 = new Cesium.WebMapTileServiceImageryProvider({
url : 'http://basemap.nationalmap.gov/arcgis/rest/services/USGSShadedReliefOnly/MapServer/WMTS',
layer : 'USGSShadedReliefOnly',
style : 'default',
format : 'image/jpeg',
tileMatrixSetID : 'default028mm',
maximumLevel: 19,
credit : new Cesium.Credit('U. S. Geological Survey')
});
viewer.imageryLayers.addImageryProvider(shadedRelief1);