Skip to content

地图组件编辑

地图组件包含了三维数字地球、球体组件、中国地图、高德地图、时间轴等组件,地图组件支持全屏显示和局部显示等功能,可以作为可视化大屏的主要背景和展示内容来使用,是可视化显示的主要显示对象。

三维数字地球组件编辑

三维数字地球组件是基于数字地球科学平台二次开发引擎 DESP Engine 开发的组件,可以加载三维数据,支持三维可视化的漫游和操作,并支持三维功能的扩展。

添加三维数字地球组件

鼠标双击组件,可以在工作区中快速添加当前组件,可以通过鼠标拖拽的方式,在工作区的合适位置中添加组件,组件添加成功后,在工作区中会高亮边框显示,同时右侧属性面板会显示当前组件可配置的详细属性。如图所示:

本地路径

定制属性编辑

组件名称配置

点击鼠标选中工作区中的组件,在右侧的定制属性面板中,输入名称,即可对当前组件的名称进行修改。如图所示:

本地路径

组件大小编辑

鼠标点击组件的高亮外边框,可以通过点击边框的指定区域,左右移动来改变当前组件的大小。

本地路径

也可以通过右侧属性面板的尺寸信息,输入具体的数值,对组件大小进行精确设置,如图:

本地路径

组件位置编辑

点击鼠标选中工作区中的组件,通过鼠标移动,可以移动当前组件的位置,也可以在右侧的属性面板中,在位置属性中,输入位置信息来调整组件的位置,如图所示:

本地路径

还可以通过点击预设的对齐方式,包含左对齐、水平居中、右对齐、顶部对齐、垂直居中、底部对齐,对组件进行调整,如图所示:

本地路径

组件滤镜及变换编辑

点击右侧属性面板的滤镜/变换菜单,显示对应的滤镜和变换面板,如图:

本地路径

通过滑动条,可以设置当前组件的滤镜,也可以点击预设的颜色进行设置。 点击混合下拉框,可以根据需要选择对应的混合方式。 在旋转和倾斜设置选项中,可以根据需要对组件的旋转和倾斜角度进行设置。

组件属性编辑

在三维数字地球属性中,包含了天空盒、起始位置、显示模式、底图、地形、图层以及子组件的设置等内容,如图所示:

本地路径

  • 天空盒设置

点击天空盒下拉框,可以对三维数字地球的天空盒背景进行设置,如图所示:

本地路径

  • 位置设置

在位置信息中,可以输入经度、纬度、高度坐标来改变三维数字地球的默认显示位置。如图:

本地路径

  • 模式设置

在模式设置选项中,可以根据需要选择 2.5D、2D、3D 三种方式来显示数字地球,如图所示:

本地路径

  • 底图设置

在底图下拉框中,可以下拉选择其中一个图层作为三维数字地球的底图,如图所示:

本地路径

  • 地形设置

在地形下拉框中,可以下拉选择其中一个图层作为三维数字地球的地形,如图所示:

本地路径

  • 图层设置

在图层下拉列表中,可以选择叠加的图层,如图所示:

本地路径

  • 子组件设置

子组件包含了罗盘、鼠标信息、图层管理三个组件,可以通过开关的方式对子组件进行隐藏。如图所示:

本地路径

动画编辑

动画编辑面板包含了组件的强调动画和移入动画,包含多种动画特效,可以根据需要设置动画效果,如图所示:

本地路径

数据编辑

数据编辑面板包含了数据的请求方式设置、数据内容的导入下载等编辑内容,如图所示:

本地路径

请求方式分为静态数据、动态请求、公共接口三种方式,在静态数据方式下,可以导入 json/txt 来做为数据内容,也可以下载当前组件的数据到本地,如图:

本地路径

请求方式为动态请求方式下,可以点击编辑配置,设置请求的地址,并进行测试请求和数据过滤。如图:

本地路径数据动态请求编辑

本地路径动态请求配置编辑

请求方式为公共接口方式下,编辑内容与动态请求类似,可以创新动态请求来获取数据,如图所示:

本地路径数据公共接口编辑

本地路径数据公共接口创建

事件编辑

事件编辑包含了基础事件配置、高级事件配置,具体如图:

本地路径

点击基础事件配置中的【编辑】按钮,弹出基础事件编辑对话框,包含了单击、双击、鼠标进入、鼠标移出事件的编辑,在事件中可以添加 JavaScript 代码,实现功能逻辑,具体如下:

本地路径

点击高级事件配置中的【编辑】按钮,弹窗高级事件编辑器对话框,包含了组件渲染之前和渲染之后事件的编辑,在事件中可添加 JavaScript 代码实现功能逻辑,如图所示:

本地路径

球体组件编辑

定制属性编辑

球体组件包含了一个虚拟的数字地球,可以用来显示流线型的特效,如图所示:

本地路径

球体组件支持名称、尺寸、位置、滤镜变换的属性编辑,编辑方式与三维数字地球组件一致,这里不做赘述,请参考 5.4.3.1.1 的三维数字地球组件编辑内容,如图所示:

本地路径

动画编辑

动画编辑内容与三维数字地球组件编辑一致,这里不做赘述。

数据编辑

数据编辑内容与三维数字地球组件编辑一致,这里不做赘述。

事件编辑

事件编辑内容与三维数字地球组件编辑一致,这里不做赘述。

中国地图组件编辑

定制属性编辑

中国地图组件显示的是中国二维地图,支持名称、尺寸、位置、滤镜变换、渲染器、视觉映射、地图属性、标记、飞线等进行设置,如图所示:

本地路径

中国地图组件的名称、尺寸、位置、滤镜变化编辑和三维数字地球组件编辑一致,这里不再赘述。

渲染器编辑

渲染器编辑主要是对中国地图组件的显示方式进行设置,可以根据机器性能选择 svg、canvas 方式,如图所示:

本地路径

视觉映射编辑

视觉映射编辑主要是对中国地图组件的图例进行编辑,可以设置图例的范围、颜色、大小、位置等信息,如图所示:

本地路径

地图编辑

地图编辑可以对中国地图组件显示的内容区域、颜色、阴影、地理信息名称、渲染、区域边框等信息进行设置,具体如图:

本地路径

标记编辑

标记编辑主要是对地图中的文字标记进行编辑,包含样式、文本、涟漪效果,具体如图:

本地路径

飞线编辑

飞线编辑是对地图上的飞线进行设置,包含箭头、颜色等,如图所示:

本地路径

动画编辑

动画编辑内容与三维数字地球组件编辑一致,这里不做赘述。

数据编辑

数据编辑内容与三维数字地球组件编辑一致,这里不做赘述。

事件编辑

事件编辑内容与三维数字地球组件编辑一致,这里不做赘述。

高德地图组件编辑

定制属性编辑

高德地图组件包含了名称、尺寸、位置等通用信息配置,这里不做赘述。组件本身包含了基础属性、地图属性、标记等配置。

基础属性编辑

基础属性包含了语言类型、key、自定义地图样式 ID 编辑,如图所示:

本地路径

地图属性编辑

地图属性包含了颜色主题、内容设置、位置信息、显示模式设置,如图所示:

本地路径

标记编辑

地图编辑可以对中国地图组件显示的内容区域、颜色、阴影、地理信息名称、渲染、区域边框等信息进行设置,具体如图:

本地路径

动画编辑

动画编辑内容与三维数字地球组件编辑一致,这里不做赘述。

数据编辑

数据编辑内容与三维数字地球组件编辑一致,这里不做赘述。

事件编辑

事件编辑内容与三维数字地球组件编辑一致,这里不做赘述。

时间轴组件编辑

定制属性编辑

时间轴组件依托于三维数字地球组件,可以通过配置时间轴使用的 kml 时序数据,在三维数字地球中播放时序任务。如图所示:

本地路径

动画编辑

动画编辑内容与三维数字地球组件编辑一致,这里不做赘述。

数据编辑

数据编辑内容与三维数字地球组件编辑一致,这里不做赘述。

事件编辑

事件编辑内容与三维数字地球组件编辑一致,这里不做赘述。

数字地球科学平台