码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-06-30 20:41:47      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:面向   create   attr   asc   iter   地形   lte   e30   认知   

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小专栏

文章提供源码,对本专栏感兴趣的话,可以关注一波

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

标签:面向   create   attr   asc   iter   地形   lte   e30   认知   

原文地址:https://www.cnblogs.com/giserhome/p/11110922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!