关键词：
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/[email protected]&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小专栏
文章提供源码，对本专栏感兴趣的话，可以关注一波
cesium专栏-气象雷达动图（附源码下载）
CesiumCesium是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。... 查看详情
cesium专栏-气象卫星云图动图（附源码下载）
CesiumCesium是一款面向三维地球和地图的，世界级的JavaScript开源产品。它提供了基于JavaScript语言的开发包，方便用户快速搭建一款零插件的虚拟地球Web应用，并在性能，精度，渲染质量以及多平台，易用性上都有高质量的保证。... 查看详情
cesium结合geoserver实现地图空间查询(附源码下载)(代码片段)
前言cesium官网的api文档介绍地址cesium官网api，里面详细的介绍cesium各个类的介绍，还有就是在线例子：cesium官网在线例子，这个也是学习cesium的好素材。内容概览1.cesium结合geoserver实现地图空间查询2.源代码demo下载效果图如下：... 查看详情
cesium之加载地形图terrain篇
本篇实现cesium加载地形图Terrain功能，效果图如下： 详细的实现过程见：这里 查看详情
cesium原理篇：3最长的一帧之地形(4：重采样)
地形部分的原理介绍的差不多了，但之前还有一个刻意忽略的地方，就是地形的重采样。通俗的讲，如果当前Tile没有地形数据的话，则会从他父类的地形数据中取它所对应的四分之一的地形数据。打... 查看详情
arcgis特征点、线、面提取
参考技术A1、调整图层色带。2、坡度、坡向、等高线转换。打开3D分析——栅格表面——坡度、坡向、等值线3、等高线排序及标注。1、坡度变率。先求坡度，再对坡度求坡度就是坡度变率。2、坡向变率。先求坡向，再对坡向求... 查看详情
栅格数据的空间分析——表面分析
...要用于获取数据中暗含的空间特征、格局等信息，例如，等高线、坡度、坡向、可视性、山体阴影等。等值线是指将栅格表面上相邻的具有相同值的点连接起来的线，比如，地形中的等高线、气温图中的等温线等。选择【系统工... 查看详情
cesium学习网址
不错的案例介绍：根据地形瓦片直接绘制高程、坡度及等高线同一场景下显示两个不同的瓦片图层https://cloud.tencent.com/developer/article/1113355 绘制大量的几何体https://blog.csdn.net/UmGsoil/article/details/74912638 查看详情
如何利用globalmapper制作地形图
...为tif的图片）加载到globalmapper内，点击“分析”→“生成等高线”将等高线生成。5.将现有的矢量数据叠加进去，就完成了一幅简单的地形图的制作。本回答被提问者采纳 查看详情
cesium50个实例集合，讲解、分析(内附源码)
参考技术A为方便快速测试CesiumDemo使用，添加了一些演示demo并且提供了webpack打包的示例。目前整理了20个demo，后面会对demo进行讲解。详情源码连接：Cesium50个实例集合，讲解、分析(内附源码)示例概要说明：1.Draw.js动态绘制点、... 查看详情
cesium原理篇：3最长的一帧之地形(2：高度图)
这一篇，接着上一篇，内容集中在高度图方式构建地球网格的细节方面。 此时，Globe对每一个切片（GlobeSurfaceTile）创建对应的TileTerrain类，用来维护地形切片的相关逻辑；接... 查看详情
cesium原理篇：3最长的一帧之地形(3：stk)
...有一个不足，计算量比较大，所以必须预先生成。当然，Cesium也提供了一个Online的免费服务，不过因为是国 查看详情
全球数字高程数据（dem）详解，还有地形晕渲等高线等干货
...因此通过DEM 可提取大量的地表形态信息，可用于绘制等高线、坡度图、坡向图、立体透视图、立体景观图，并应用于制作正射影像、立体地形模型与地图修测。在测绘、水文、气象、地貌、地质、土壤、工程建设、通讯、军... 查看详情
源码分析mycat专栏
源码分析MyCAT1.6目录1、源码研究mycat之mysql通信协议篇之握手认证协议2、源码分析mycat1.6之mysql通信协议篇之COM_QUERY(SELECT语句报文解析)3、源码分析mycat1.6之mysql通信协议篇之存储过程调用4、源码研读Mycat1.6之网络篇---前端线程模... 查看详情
cesium加载地形数据只显示半个地球
Cesium第0级地形包括两个瓦片：0/0/0.terrain，0/1/0.terrain，分别为左半球和右半球（具体参考：https://blog.csdn.net/u013929284/article/details/71616600 ），若缺失其一，则无法显示完整的地球。相关问题：下载的局部区域地形经转换和瓦片... 查看详情
cesium加载地形数据只显示半个地球
Cesium第0级地形包括两个瓦片：0/0/0.terrain，0/1/0.terrain，分别为左半球和右半球（具体参考：https://blog.csdn.net/u013929284/article/details/71616600 ），若缺失其一，则无法显示完整的地球。相关问题：下载的局部区域地形经转换和瓦片... 查看详情
源码分析mycat专栏
源码分析MyCAT1.6目录1、源码研究mycat之mysql通信协议篇之握手认证协议2、源码分析mycat1.6之mysql通信协议篇之COM_QUERY(SELECT语句报文解析)3、源码分析mycat1.6之mysql通信协议篇之存储过程调用4、源码研读Mycat1.6之网络篇---前端线程模... 查看详情
cesium结合geoserver利用wfs服务实现图层编辑(附源码下载)(代码片段)
...是在上一篇cesium结合geoserver利用WFS服务实现图层新增(附源码下载)基础上实现的，cesium通过调用geoserver发布的地图服务WFS来达到图层编辑记录的目的。与GeoServer的WFS进行基于Rest交互关键就在于请求参数，值得注意的是这些请求最... 查看详情