Cesium 是一款面向三維地球和地圖的，世界級的JavaScript開源産品。它提供了基于JavaScript語言的開發包，友善使用者快速搭建一款零插件的虛拟地球Web應用，并在性能，精度，渲染品質以及多平台，易用性上都有高品質的保證。關于等高線，等高線指的是地形圖上高程相等的相鄰各點所連成的閉合曲線。把地面上海拔高度相同的點連成的閉合曲線，并垂直投影到一個水準面上，并按比例縮繪在圖紙上，就得到等高線。等高線也可以看作是不同海拔高度的水準面與實際地面的交線，是以等高線是閉合曲線。在等高線上标注的數字為該等高線的海拔。Cesium中的等高線主要是對Material進行操作。
Cesium
Cesium 是一款面向三維地球和地圖的，世界級的JavaScript開源産品。它提供了基于JavaScript語言的開發包，友善使用者快速搭建一款零插件的虛拟地球Web應用，并在性能，精度，渲染品質以及多平台，易用性上都有高品質的保證。
關于等高線
等高線指的是地形圖上高程相等的相鄰各點所連成的閉合曲線。把地面上海拔高度相同的點連成的閉合曲線，并垂直投影到一個水準面上，并按比例縮繪在圖紙上，就得到等高線。等高線也可以看作是不同海拔高度的水準面與實際地面的交線，是以等高線是閉合曲線。在等高線上标注的數字為該等高線的海拔。Cesium中的等高線主要是對Material進行操作。
效果圖
簡單的認知
先上幾張圖，對于等高線有個基本的直覺了解，圖檔均來源于百度，如有侵權，請告知。
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;
3、設定幾個等高線必備的參數
- var minHeight = -414.0; // 最小高度-例：最低接近死海高度
- var maxHeight = 8777.0; // 最大高度-例：最高接近珠峰高度
- var contourColor = Cesium.Color.RED.withAlpha(0.4); // 等高線的顔色
- var contourSpacing = 200.0; // 等高線的等間距
- var contourWidth = 1.0; // 等高線的寬度
更多詳情見小專欄：GIS之家cesium小專欄
文章提供源碼，對本專欄感興趣的話，可以關注一波
GIS之家作品店鋪：GIS之家作品店鋪
GIS之家源碼咨詢：GIS之家webgis入門開發系列demo源代碼咨詢