Cesium专栏-空间分析之地形等高线(附源码下载)

news/2024/7/4 7:37:52 标签: javascript

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

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

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


http://www.niftyadmin.cn/n/711962.html

相关文章

Java Web——Servlet中的request、response

文章目录: 写在前面:再谈Servlet的生命周期 1.response对象 1.1 第一个例子 1.2 第二个例子 1.3 第三个例子 2.request对象 2.1 第一个例子 2.2 第二个例子 2.3 第三个例子 2.4 第四个例子 2.5 第五个例子 写在前面:再谈Servle…

python 获取昨天的日期_Python代码实现的30个常用功能

源 / python 文 /艾里艾兰1、冒泡排序2、计算x的n次方的方法3、计算a*a b*b c*c ……4、计算阶乘 n!5、列出当前目录下的所有文件和目录名6、把一个list中所有的字符串变成小写:7、输出某个路径下的所有文件和文件夹的路径8、输出某个路径及其子目录下的所有…

实验:组策略筛选

一、 实验目标在caiwuOU中添加一个用户,用组策略筛选规则使该用户不受禁止更改桌面背景的影响。二、 实验环境Windows Server 2008虚拟机、Win7虚拟机三、 实验步骤1、 在caiwuOU中添加一个qq用户。2、 在组策略管理界面中——单击指定的GPO——在右侧窗口中选择委派…

构建5G网络的核心技术:SDN与NFV的区别与联系

经常听到网络运营商和设备商提到SDN和NFV,称其为构建未来5G网络的核心技术。那么这两种技术究竟是什么,又有什么区别与联系呢? SDN是什么? SDN,即软件定义网络(Software Defined Network),是一种新型网络创新架构,是…

android 阿拉伯语下布局,android设计的布局在阿拉伯语下界面错乱的解决方法

(1)正在AndroidManifest.xml声明文件的application元素中,增加” android:supportsRtltrue” (2)建]androidの设计的布局在阿拉伯语下界面错乱的解决方法(1)在AndroidManifest.xml声明文件的元素中,添加” android:supportsRtltrue”(2)修改应用程序中la…

Java Web——简单了解Http协议

文章目录: 1.Http服务器介绍 2.Http服务器交互流程 3.Http网络协议包的分类 3.1 Http请求协议包(四部分) 3.2 Http响应协议包(四部分) 4.Http常见的状态码 1.Http服务器介绍 所有的Http服务器都是由Java编程语言…

io python 读取pdf_Python读取PDF信息填入Word文档

Hello,上个周末没能搞事情,被一个代码需求给绊住了:朋友在平时工作中会经常重复性地打开不同PDF文件,选取其中特定的几组信息复制粘贴到不同的Word文档中,完成一份PDF文件平均耗时15分钟,想试试Python代码能…

html左侧浮动css,float:left css浮动靠左 布局靠左

css float:left 浮动靠左组织首先float是机关网页浮动(对象靠左left、靠右right)花式属性单词。在机关中我们要让对象靠左浮现只须要对对象配置float:left格式就可。一、float left语法1、float:left使用树模代码div{float:left}配置div结构靠左。2、float:left表达float:left是…