3D中国地图

3D 中国地图组件是中国地图的立体展示,可以用三维图像展示与地理位置相关的数据。

该组件在软件中的位置,如下图所示:
1.png
选中组件时可以对组件进行设置,包括数据设置样式设置交互设置

1. 数据设置

2.png

1.1 叠加图层字段

3.png
在叠加层字段加入数据时,“地点字段”数据若为经纬度坐标,需使用正确的格式,即经度与纬度之间用英文逗号分隔,比如,“120.15,30.28”。

1.2 数据联动

选择组件联动其他组件或受其他组件联动。

1.3 图表下钻

地图可以通过双击下钻到下一级地图,通过键盘上的“Backspace”按钮可以便捷的返回至上一级地图。

1.4 数据筛选

通过设置数据条件对数据进行筛选。

2. 样式设置

5.png

2.1 基本设置

投影函数:默认选择为“Mercator”
下钻缩放:下钻缩放开启后,当双击地图下钻时,下钻后的地图会根据画布调整为合适大小;
显示云层:可设置是否显示云层及云层的高度;
空间背景色:可以改变地图组件空间的背景颜色,默认为黑色;
允许演示控制:可以通过山海鲸 APP 进行控制组件演示操作;
是否显示。
6.png

2.2 特效

通过改变BloomGlow的参数,调整地图表面的光感明暗度和强度。
7.png

2.3 地面

通过设置地面宽度、长度、颜色、材质等参数,根据选用的材质可以调整材质的横轴和纵轴重复值。
倒影强度:设置地面的倒影强弱。
地面设置.png

2.4 底图样式

通过对地面厚度、顶面颜色、顶面透明度和顶面贴图,调整贴图在底图上的位置和重复值;
鼠标悬浮响应:在鼠标经过时底图悬浮响应;
底图悬浮高度:设置鼠标响应时底图悬浮的高度;
底图允许选中:设置底图是否可以选中;
顶面选中颜色:设计底图被选中时顶面改变的颜色。
底图样式1.png

2.5 叠加图层

叠加图层的类型有标记层、飞线层、色块层、弹窗层四种,当对叠加图层的样式进行设置时,首先,要选择其中的某一个叠加图层,每个图层是独立设置的,支持批量设置。
叠加图层.png

2.5.1 标记层

标记层是根据坐标数据确定点,再导入标记材质或其他提示信息进行标记的图层。
叠加图层-标记层.png
多个叠加图层时,首先选择下一层出现时间为“同时出现”或“当前全部出现后”;
选取标记材质,设置标记进入动画,更改标记的大小;
标记纵向偏移值可改变标记在 3D 地图中的纵深即高度;
显示标记文本时,文本为默认字体,可设计更改显示颜色。

2.5.2 飞线层

飞线层反应在地图的各个具体位置上,通过从起始点到结束点的飞线反应出两个位置之间的联系,所以飞线层导入数据时,地点字段应至少导入起始点和结束点两个坐标。
叠加图层-飞线层.png
飞线样式:可选择曲线、路线、直线填充和直线线框。
选定飞线样式后,可对飞线进行粗细、颜色是否发光进行设置。
飞线起始点默认选择上一个点,可选取第一个点。
设置线路上行驶的物体可选取,如下图所示:
飞线层行驶图标1.png
物体的缩放倍率和行驶速度可以单独设置。

2.5.3 色块层

色块层反应在地图上是根据地点字段的坐标将地图显示为所设置的不同颜色。
叠加图层-色块层.png

2.5.4 弹窗层

弹窗层反应在地图上的各个位置,通过标记点中的弹窗内容展示具体信息。
叠加图层-弹窗层.png
选取标记材质后可以设置标记的长宽和纵深,即大小和位置。
文字信息的大小、间距、位置等样式可独立设置。

2.6 视角设置

视角设置选择当前视角或者预设视角。
视角设置.png
初始视角默认为当前视角,当前视角可直接拖拽地图调整方向和角度,预设视角以当前视角为基准进行角度偏移调整。

2.7 辉光和图像处理

开启后处理:对地图表层图片进行亮度、对比度、色相、饱和度和明度进行参数调整。
辉光和图像处理.png

2.8 环境和光照

可添加环境贴图与环境贴图的强度设置。
环境和光照.png

2.9 动画

动画效果可以对入场动画、展示动画和离场动画进行设置。
【温馨提示】未开启循环播放时,动画只在启动全屏时播放一次,开启循环播放之后才会按照间隔时间循环播放动画。

2.10 大小和位置

通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入 X 坐标、Y 坐标、宽和高来设置。
三维空间旋转:可输入任意数值,数值对应角度向 X 轴/y 轴旋转。

2.11 边框设置

边框的设置包括:边框颜色、边框宽度、图形边框圆角半径和边框样式。

2.12 背景设置

组件默认没有背景颜色,如果需要设置背景颜色,可以在这里进行设置,也可以将背景设置为一张图片或视频,可以选择填充方式。

3. 交互设置

4.png

3.1 事件

选择触发事件的类型,“鼠标点击时”“鼠标经过时”
image.png

3.2 动作

通过选择不同动作,来实现不同的交互效果。

3.2.1 切换组件状态

支持选择“目标组件”,设置本次动作的执行顺序。
image.png

3.2.2 控制弹窗

支持选择“目标组件”,设置本次动作的执行顺序。
image.png

3.2.3 子大屏跳转

支持选择“子大屏”,控制跳转到指定子大屏,设置本次动作的执行顺序。
image.png

3.2.4 打开网页

支持设置需要打开的链接地址和参数,打开指定网页,设置本次动作的执行顺序。
image.png

3.2.5 刷新数据

支持刷新大屏数据,设置本次动作的执行顺序。
image.png

3.2.6 过场动画

支持设置“目标组件”的动画类型、延迟时间和播放时长,设置本次动作的执行顺序。
image.png