You need to enable JavaScript to run this app.
导航
数字大屏3D地球
最近更新时间:2024.12.13 11:28:14首次发布时间:2023.11.20 15:41:11

1. 概述

在场景组件中,提供了3D地球组件,3D地球主要以三维形态对相对宏观地图数据进行展示,球体支持自转、辉光、大气等,可叠加气泡图等子图层,让用户能简便的搭建出炫酷的地理数据展示分析效果。

2. 快速入门

3D地球组件通过左侧「组件区 / 场景」双击/拖动「3D地球」即可生成。
Image

3D地球主要由「地图容器」及「子图层(子组件)」两大部分组成。

3.功能详解

3.1 地图容器

3.1.1 概述

地图容器是3D地球组件的主体,用于承载地图本身和各子组件的容器,支持配置地图的位置、颜色、鼠标交互事件等,能够多角度、多形式地渲染世界各地的实时数据。
地图容器并不需要手动创建,单击选中已生成的3D地球组件即可右侧编辑。
Image

3.1.2 配置

参数

说明

补充

基础配置

X:3D地球组件距离左上角原点横向距离
Y:3D地球组件距离左上角原点纵向距离
W:3D地球组件水平宽度
H:3D地球组件垂直高度
不透明度:3D地球组件整体不透明度

视图配置

经度:当前正对地球视点经度。默认值为中国。
纬度:当前正对地球视点纬度。默认值为中国。
缩放层级:当前地图的整体大小比例
最小缩放层级:缩放交互的下限。默认为2
最大缩放层级:缩放交互的上限。默认为22

手势交互

整体勾选:开启则代表可以通过鼠标/触摸板等进行交互(具体可交互行为依赖下方子配置)。默认开启。
可缩放:开启则代表可以通过滚轮滑动进行地图大小缩放。默认开启。
可旋转:开启则代表可以通过左键左右滑动进行地图水平旋转。默认开启。

手势交互只影响「预览」端,不影响编辑器内下方「默认视角调整」

行政地图

外描边:世界场景下洲际线条宽度、不透明度、颜色配置
内描边:世界场景下国界线条宽度、不透明度、颜色配置

填充样式

金属质感:地球表面材质的金属质感,范围值0-1
粗糙程度:地球表面材质的粗糙程度,范围值0-1
填充贴图:地球表面的填充纹理贴图,可上传单张图片
法线贴图:地球表面的地形法线贴图,可上传单张图片
法线强度:地球表面的地形法线贴图的强度

标注文本

地球文字标注样式配置

背景填充

整体勾选:开启则代表地图背景非透明,可设置背景底色。默认关闭。

开启自转

整体勾选:是否开启地球整体自转,默认开启
旋转速度:地球自转的相对速度,正逆顺负
悬浮暂停:地球自转时鼠标悬浮则暂停,默认开启

只生效于「预览」端

辉光特效

整体勾选:是否开启地球辉光特效,默认开启
发散范围:辉光相比地球主体的发散大小,默认为1.5
发散强度:辉光的强度,越低则颜色强度渐变越平滑
辉光颜色:辉光的整体颜色

云层特效

整体勾选:是否开启地球云层特效,默认开启
相对大小:云层相比地球主体的相对大小,默认为1.03
不透明度:云层整体的不透明度,范围值0-1
运动速度:云层自转的运动速度,正逆顺负

光照阴影

环境光颜色:环境光的光线颜色,会和物体融合
环境光强度:环境光的光线强度,越高则整个地球场景越亮
平行光颜色:平行光的光线颜色,会和物体融合
平行光强度:环境光的光线强度,越高则整个地球明暗分布对比越强
平行光位置:环境光的光源位置,可影响地球明暗分布角度

平行光在开启自转后也会始终保持相对位置,可实现地球晨昏线效果
Image

默认视角调整

首先中心画布区双击(或左上场景树右键编辑)3D地球组件进入子图层编辑,使用鼠标/触摸板在画布区交互调整视角,完毕后点击「Page」返回后点击「保存」即可应用。

  • 通过滚轮滑动进行地图大小缩放
  • 通过左键上下滑动进行地图旋转

Image

数据
地图容器无数据配置
交互
暂不支持钻取等交互

3.2 气泡层

3.2.1 概述

气泡层以圆或其他形状展示空间数据的分布,半径或颜色用来表示数值大小,可配置呼吸/渐隐动画。
首先中心画布区双击(或左上场景树右键编辑)3D地球组件进入子图层编辑,进入后左下侧「组件区」双击/拖动「气泡层」即可生成。
Image

3.2.2 配置

参数

说明

补充

通用配置

最小可见区间:通过缩放交互,小于此zoom层级则隐藏。
最大可见区间:通过缩放交互,超出此zoom层级则隐藏。

气泡颜色

可与数值类型指标绑定,达到映射效果

气泡尺寸

可与数值类型指标绑定,达到映射效果

气泡形状

使用圆形:开启则气泡显示几何形状为圆形,关闭则使用气泡边数。默认开启
气泡边数:当“使用圆形”关闭时气泡显示几何形状边数。默认为三角形

气泡样式

贴图:可以上传图片作为气泡填充图,当图片为半透明图,则可与颜色进行融合。
无值底色:气泡对应值非法或不存在时显示颜色

呼吸动画

整体勾选:开启则代表气泡层开启全局呼吸动画,气泡半径大小会发生变化。默认开启
最小缩放比例:呼吸动画周期最小半径系数
最大缩放比例:呼吸动画周期最大半径系数
呼吸速度:呼吸动画速度,越大越快

渐隐动画

整体勾选:开启则代表气泡层开启全局渐隐动画,气泡不透明度会发生变化。默认关闭
最小不透明度:渐隐动画周期最小不透明度
最大不透明度:渐隐动画周期最大不透明度
渐隐速度:渐隐动画速度,越大越快

自定义标注

气泡层文字标注样式配置,支持配置标注的显示方式、排列方式、对齐方式、横向偏移、纵向偏移程度。支持主要标注、次要标注以及标注背景选择或者自定义上传素材。

3.2.3 数据

类型

示例

备注

位置/国家

选中当前组件,右下角“数据可视化”模块,拖动胶囊到对应位置。支持解析国家数据

🌰 支持数据结构示例:
位置 数值
中国 21265.55145
日本 21265.55145
韩国 31265.55145
💡:部分国家支持简称/全称,如“中国”/“中华人民共和国”均可解析

位置/SOC3

选中当前组件,右下角“数据可视化”模块,拖动胶囊到对应位置。支持解析SOC3缩写数据

🌰 支持数据结构示例:
位置 数值
CHN 21265.55145
JPN 21265.55145
KOR 31265.55145

位置/经纬度

选中当前组件,右下角“数据可视化”模块,拖动胶囊到对应位置。支持解析经纬度数据

🌰 支持数据结构示例:
位置 数值
106.551556,29.563009 7894.24
121.473701,31.230416 16872.42
116.407526,39.90403 13777.9
104.066541,30.572269 5551.3
117.200983,39.084158 9108.83
💡:经纬度需英文逗号","分隔

主要标注

Image

支持解析国家代码,用户可通过主要标注配置,label显示英文国家代码,提升外国用户的使用体验感

次要标注

用来显示次要标注文本

需要指标数值类型

3.2.4 交互

暂不支持。

3.3 其他子图层

敬请期待,即将上线。