Cesium
Cesium 是一款面向三维地球和地图的,世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包,方便用户快速搭建一款零插件的虚拟地球Web应用,并在性能,精度,渲染质量以及多平台,易用性上都有高质量的保证。
效果图
关于坡度
在之前的关于空间分析之地形等高线分析一文中,我们介绍了如何使用Material接口来绘制等高线。在这篇文章中,我们还是使用Material接口,来绘制地形坡度图,在下一篇中,我们介绍如何绘制坡向图。坡度分析、坡向分析以及等高线分析都属于常见的地形分析。
空间分析之地形等高线分析 链接:
Cesium专栏-空间分析之地形等高线(附源码下载) - 小专栏xiaozhuanlan.com
空间分析之地形坡向分析 链接:
简单的认知
先上几张图,对于坡度图有个基本的直观了解,图片均来源于百度,如有侵权,请告知。
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;
更多详情见下面链接:
Cesium专栏-空间分析之坡度分析(附源码下载) - 小专栏xiaozhuanlan.com文章尾部提供源代码下载,对本专栏感兴趣的话,可以关注一波
GIS之家店铺:GIS之家
GIS之家源码咨询:GIS之家webgis入门开发系列demo源代码咨询