Cesium
Cesium 是一款面向三維地球和地圖的，世界級的JavaScript開源產品。它提供了基於JavaScript語言的開發包，方便用戶快速搭建一款零插件的虛擬地球Web應用，並在性能，精度，渲染質量以及多平台，易用性上都有高質量的保證。
效果圖
關於坡度
在之前的關於空間分析之地形等高線分析一文中，我們介紹了如何使用Material接口來繪制等高線。在這篇文章中，我們還是使用Material接口，來繪制地形坡度圖，在下一篇中，我們介紹如何繪制坡向圖。坡度分析、坡向分析以及等高線分析都屬於常見的地形分析。
空間分析之地形等高線分析 鏈接：https://xiaozhuanlan.com/topic/3409815672
空間分析之地形坡向分析 鏈接：https://xiaozhuanlan.com/topic/2683794051
簡單的認知
先上幾張圖，對於坡度圖有個基本的直觀了解，圖片均來源於百度，如有侵權，請告知。
Cesium中坡度的做法
原理：修改Globe的Material屬性，適應於全球的
具體步驟
1、並初始化地球，調用全球地形服務
-
Cesium.Ion.defaultAccessToken = 'xxxx';
-
var viewer = new Cesium.Viewer('cesiumContainer', {
-
imageryProvider: new Cesium.UrlTemplateImageryProvider({
-
url: 'http://www.google.cn/maps/vt?lyrs=s@716&x={x}&y={y}&z={z}'
-
}),
-
terrainProvider: Cesium.createWorldTerrain({
-
requestVertexNormals: true,
-
requestWaterMask: true
-
})
-
});
2、開啟深度測試
-
viewer.scene.globe.enableLighting = true;
更多詳情見小專欄此文章：GIS之家cesium小專欄
文章提供源碼，對本專欄感興趣的話，可以關注一波