Cesium专栏-空间分析之坡度分析（附源码下载）

本是古典何须时尚 2021-09-30 11:24 294阅读 0赞

## Cesium ##

--------------------

Cesium 是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。

## 效果图 ##

![462357-20190630194215200-1488768594.png][]

![462357-20190630194227370-1986476950.png][]

## 关于坡度 ##

--------------------

在之前的关于空间分析之地形等高线分析一文中，我们介绍了如何使用Material接口来绘制等高线。在这篇文章中，我们还是使用Material接口，来绘制地形坡度图，在下一篇中，我们介绍如何绘制坡向图。坡度分析、坡向分析以及等高线分析都属于常见的地形分析。

空间分析之地形等高线分析 链接：[https://xiaozhuanlan.com/topic/3409815672][https_xiaozhuanlan.com_topic_3409815672]  
空间分析之地形坡向分析 链接：[https://xiaozhuanlan.com/topic/2683794051][https_xiaozhuanlan.com_topic_2683794051]

## 简单的认知 ##

--------------------

先上几张图，对于坡度图有个基本的直观了解，图片均来源于百度，如有侵权，请告知。  
![13141066965916579317e9a9165c4c25.png][]  
![8c1572cf2f8d79a83dae30b3e3055699.png][]

## 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小专栏][GIS_cesium]**
> 
> ***文章提供源码，对本专栏感兴趣的话，可以关注一波***

转载于:https://www.cnblogs.com/giserhome/p/11110922.html

[462357-20190630194215200-1488768594.png]: /images/20210724/2ccd7bcea6714ccd9affac9de78a43b6.png
[462357-20190630194227370-1986476950.png]: /images/20210724/2a88e599dd3446e58eb16e54c7e19ed5.png
[https_xiaozhuanlan.com_topic_3409815672]: https://xiaozhuanlan.com/topic/3409815672
[https_xiaozhuanlan.com_topic_2683794051]: https://xiaozhuanlan.com/topic/2683794051
[13141066965916579317e9a9165c4c25.png]: /images/20210724/12872123fd1444d089bafafd9816d62c.png
[8c1572cf2f8d79a83dae30b3e3055699.png]: /images/20210724/5daecf82f0d549a0964d642619fd6353.png
[GIS_cesium]: https://xiaozhuanlan.com/topic/8672394510