首页 > 其他分享 >利用CesiumEarth快速制作GIS三维演示场景

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

时间:2024-09-10 16:16:17浏览次数:1  
标签:GIS 矢量图 样式 CesiumEarth 添加 演示 图层 数据

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

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

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

一、数据准备:

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数据可以通过添加矢量数据的方式进行添加。

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

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

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

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

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

三、修改样式:

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

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

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

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

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

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

点击打勾按钮即可生效。

四、显示标注

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

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

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

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

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

五、三维样式

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

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

最终形成了如下效果:

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

标签:GIS,矢量图,样式,CesiumEarth,添加,演示,图层,数据
From: https://www.cnblogs.com/nbgiser/p/18406614

相关文章

  • docker Get "https://registry-1.docker.io/v2/": x509: certificate is valid for
    前言docker在进行build时,报错:Get"https://registry-1.docker.io/v2/":x509:certificateisvalidfor问题原因:Docker客户端无法验证DockerHub服务器的SSL/TLS证书解决在/etc/docker/daemon.json中新增国内镜像源:"registry-mirrors":["https:/......
  • 稀疏数组__Java演示
    数据结构是一种数据组织、管理和存储的格式。常见的有数组、栈、队列、链表、树、图、堆、哈希表……当需要记录一盘五子棋对弈的数据时,通常可以采用二维数组来实现,显然直接使用二维数组来存储数据有浪费memory的嫌疑,因为棋盘上很多点位没有落子,这些冗余数据也被记录了。 9x9......
  • 159 Registering & Rendering Routes
    完成下面步骤,可以实现地址栏输入相应URL显示相应组件1、main.js中完成routes配置,并将router添加到全局import{createApp}from'vue';import{createRouter,createWebHistory}from'vue-router';importAppfrom'./App.vue';importTeamsListfrom'./componen......
  • 基于GIS、RS、VORS模型、CCDM模型、geodetecto、GWR模型集成的生态系统健康的耦合协调
       将用案例实训,教授如何集成多源数据,依托ArcGISPro和R语言环境,采用“活力-组织力-恢复力-贡献力”(VORS)模型定量测算生态系统健康指数(EHI);如何从经济城镇化(GDPD)、人口城镇化(POPD)和土地城镇化(ULP)构建城镇化指数(UL)测算模型;如何定量测算长时序城镇化水平及生态系统健康状况,利用......
  • GIS大事件!Bentley收购Cesium
    9月6日,Cesium官方宣布加入Bentley。Bentley我们并不陌生。最初Acute3D被Bentley公司收购,旗下软件由Smart3DCapture转型到ContextCapture,现又改名iTwinCapture。如今又收购了Cesium。Cesium官方表示,Cesium开发平台与iTwin的结合将为自然和建筑环境数字孪生的构建提供了完......
  • 软件测试-RobotFramework-实战(清除、输入文本;鼠标点击;下拉框select、li;实战演示视频)
    学习笔记记录在用户信息界面,主要涉及头像上传,输入文本,选择按钮,下拉框选项。一、清除、输入文本 上传前一篇已经完成了,对于输入文本,主要就是一行代码inputtext输入框的地址要输入的文本但是如果输入框内还含有文本,就需要进行清除。\8--表示删除一个字符。 pre......
  • 【2024年Python量化分析】为股票数据量化分析最新整理的免费获取股票实时行情数据API
    ​最近一两年,股票量化分析越来越火了,想入门这行,首先得搞定股票数据。毕竟,所有量化分析都是靠数据说话的,实时交易、历史交易、财务、基本面,这些数据咱们都得有。咱们的目标就是把这些数据里的金子挖出来,指导咱们的投资策略。​为了找数据,我可是没少折腾,自己动手写过网易、......
  • 零基础上手WebGIS+智慧校园实例(长期更新#2)【html by js】
    请点个赞+收藏+关注支持一下博主喵!!!等下再更新一下1.WebGIS矢量图形的绘制(超级详细!!),2.WebGIS计算距离,以及智慧校园实例with3个例子!!!!,尽情期待!!!之后代码+资料全部发到github里,希望大家能关注一下咱的Github进行WebGIS开发时,引入API是一个关键步骤,它允许开发者将地图服务和功......
  • 《机器学习》PCA数据降维 推导、参数讲解、代码演示及分析
    目录一、主成分分析1、什么是主成分分析?2、什么是降维?3、如何进行主成分分析        1)数据标准化        2)计算协方差矩阵        3)计算特征值和特征向量        4)选择主成分        5)构建投影矩阵        6)数据降......
  • QMessageBox使用方法详解,及用例演示
    QMessageBox是Qt框架中一个非常有用的类,用于显示模态对话框,以告知用户信息、警告、错误等,或者询问用户是/否的问题。这个类提供了丰富的静态函数来创建不同类型的对话框,而无需实例化QMessageBox对象本身。下面,我将详细解释QMessageBox的基本使用方法,并通过一些用例来......