利用CesiumEarth快速制作GIS三维演示场景

CesiumEarth是一款快速展示地理信息图层的工具,无需做二次开发,即可傻瓜式的把地理信息图层叠加展示出来,方便做一些汇报和教学

CesiumEarth只是一款工具,展示的图层数据需要自己准备,下面用一个简单的例子作为引用:

话不多说,先上访问链接:​CesiumEarth官网

利用CesiumEarth快速制作GIS三维演示场景

一、数据准备:

1、底图:目前可以公开且免费调用的地图有很多,比如天地图、ArcGIS地图、谷歌地图等;这里使用了天地图的卫星影像和注记图层;恰好CesiumEarth提供了天地图的默认图层,这样无需准备基础图层;只需访问此链接: http://cesiumearth.com/#/map?layer=default

2、矢量数据:一般专题图层基本以矢量图层展示,这里以公开的矢量图层数据为例,展示全国各省的行政边界,数据选用了aliyun提供的公共数据,在这里也可以选择各省市及地级市的行政边界,访问地址:DataV.GeoAtlas地理小工具系列

本例中选用的全国各省行政边界矢量数据地址:https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json (该地址具有防盗链,复制后在浏览器访问)

二、添加图层:

进入CesiumEarth之后,天地图已经默认添加,不再赘述,若有自己准备的底图,可通过官方教程(添加影像图)进行添加。

在图层管理器中,点击添加图层,进入到自定义图层的添加页面,这里准备的全国各省行政边界json数据可以通过添加矢量数据的方式进行添加。利用CesiumEarth快速制作GIS三维演示场景
利用CesiumEarth快速制作GIS三维演示场景

输入图层的名称:各省边界;

数据来源选择在线数据(若数据在本地电脑,可通过本地数据上传);

在Url框中输入事先准备好的在线数据地址:https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json

自动定位选项为下一次通过当前配置文件打开时,会自动定位当矢量图层的视角;

点击确认后图层添加完成。

利用CesiumEarth快速制作GIS三维演示场景

三、修改样式:

矢量图层添加后默认的样式是红色的线框,透明白色的填充面,点击图层的设置按钮,可调整矢量图层的展示样式。

利用CesiumEarth快速制作GIS三维演示场景

在图层设置面板中,暴露了所有矢量图层相关的参数,有些参数对面图层的设置是无关的,这里只需找polyline前缀及polygon即可。

修改线的颜色,找polylineColor,输入#0000FF(这里颜色的格式是CSS的颜色值,可搜索其他颜色的表达方式)

修改线的宽度,找polylineWidth,输入3

修改线的样式,找polylineMaterial,输入PolylineGlow(发光线)

修改面的颜色,找polygonColor,输入#FF000066,这里颜色长度比线的颜色多了两位,最后两位是半透明度,00为全透明,FF为不透明

点击打勾按钮即可生效。

利用CesiumEarth快速制作GIS三维演示场景

四、显示标注

每个面代表不同的省份,通过设置参数,可以使省的名称显示出来

找到labelShow,设置为1,默认取的是name字段,若要改成其他字段,可修改labelField参数

这时细心的同学会发现有些字被面覆盖了,这是因为面没有开启贴地,找到polygonClampToGround,改成 1 即可,

标注中若想显示多个字段,可修改labelField,把多个字段以逗号分割输入即可,如:name,adcode

利用CesiumEarth快速制作GIS三维演示场景

这里有些标注重复显示了,那是因为数据源中每个省份的面存在其他小面,这些小面会表示岛屿或飞地之类的,实际应用中,这些小面的name字段空着即可

五、三维样式

在CesiumEarth中还默认内置了一些简单的三维样式,比如把线改成墙,只需把线的样式polylineMaterial改成wall,线的延伸高度polylineExtrudedHeight改成50000(可按实际调整)

利用CesiumEarth快速制作GIS三维演示场景

这里还内置了一些高级特效,比如把墙的颜色改的绚丽一些,那么找到polylineMaterialColorTexture参数,设置成 0.0,#00ffFF00,0.5,#ffff0055,1.0,#0000ff

最终形成了如下效果:

利用CesiumEarth快速制作GIS三维演示场景

本文只介绍了CesiumEarth的冰山一角,更多内容请查阅 http://cesiumearth.com/helper

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...