Cesium入門-2-增長地形

時間 2020-04-29

標籤 cesium 入門增長地形简体版

原文原文鏈接

<!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中，第二個參數，配置項進行配置，由{}對象形式定義javascript

{//世界地形 terrainProvider:new Cesium.CesiumTerrainProvider({ url:Cesium.IonResource.fromAssetId(1), requestWaterMask:true, requestVertexNormals: true }) }css

Cesium.IonResource.fromAssetId（「你的CesiumIon資源ID」） CesiumIcon地址https://cesium.com/ion/signinhtml

requestWaterMask:true 設定Cesium額外的水效果，java

viewer.scene.globe.enableLighting=true;

設置受太陽光照效果，背光的一面爲黑色ide

//添加瓦片數據 var tileset=viewer.scene.primitives.add( new Cesium.Cesium3DTileset({ url:Cesium.IonResource.fromAssetId(15792) }) )

Cesium中將地圖數據由三維變爲二維展現中，將一個場景所須要渲染的圖片，抽象成瓦片的概念，就相似拼圖ui

本文由創做，採用知識共享署名4.0 國際許可協議進行許可
本站文章除註明轉載/出處外，均爲本站原創或翻譯，轉載前請務必署名
最後編輯時間爲: 2019/02/17 14:00url

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。