本视频由 保利威 提供技术支持

视频介绍

3D中国地图组件支持添加呼吸点层、热力层、柱状层、飞线层和标记层子组件,能够以3D立体多角度多形式地渲染中国地理位置的实时数据。

该组件在软件中的位置如下图所示:

选中组件时可以对组件进行设置,包括字段设置和属性设置,其中字段设置如下图所示:

属性的设置如下图所示:

在使用地图组件时,首先我们需要选择当前地图的区域,在属性的基本设置中,我们可以选择当前地图的区域,区域选择最小范围可以达到市一级。地面贴图可以插入所需的图片素材。地图高度可输入任意数值,调整3D地图的高度。如下图所示:

地图可以分为底图层、呼吸点层、热力层、柱状层、飞线层和标记层,接下来我们用下面的示例数据分别对各个层进行介绍。

起始地区 起始省会城市 销售额 提示 结束地区 结束省会城市
山东省 116.98,36.67 1 提示信息1 黑龙江省 126.53,45.80
江苏省 118.78,32.07 100 提示信息2 黑龙江省 126.53,45.80
陕西省 108.93,34.27 200 提示信息3 黑龙江省 126.53,45.80
浙江省 120.15,30.28 300 提示信息4 黑龙江省 126.53,45.80
安徽省 117.25,31.83 400 提示信息5 黑龙江省 126.53,45.80
福建省 119.30,26.08 500 提示信息6 黑龙江省 126.53,45.80
江西省 115.85,28.68 600 提示信息7 黑龙江省 126.53,45.80
广东省 113.27,23.13 700 提示信息8 黑龙江省 126.53,45.80
四川省 104.07,30.67 800 提示信息9 黑龙江省 126.53,45.80
青海省 101.78,36.62 900 提示信息10 黑龙江省 126.53,45.80
河南省 113.62,34.75 1000 提示信息11 黑龙江省 126.53,45.80

1、底图层

底图层反应在地图的各个子区域上,通过区域颜色的变化反应出对应数值大小的变化。底图层的字段设置如下图所示:

地点字段指的是当前地图上的区域,地图层的地点字段只能是区域名称(例如浙江省或杭州市),不可以是经纬度数据。

取值字段是地点字段对应的数据,提示信息是当鼠标移动到区域上时,提示框内显示的信息(前提是开启了提示信息)。

数据中未包含的区域没有提示信息。

底图层的属性设置如下图所示:

通常我们会给底图设置多个颜色,来反应数值的变化。底图颜色的设置有以下两种方式:

第一种:自适应区间划分

使用这种方式时,我们不需要根据数值大小划分区间,软件会根据我们设置颜色的数量自动等间隔划分。

例如我们给底图层设置三个颜色,则其中第一个颜色为底图层字段数值最小的区域的颜色,第二个颜色为底图层字段数值为中间值的区域的颜色,最后一个颜色为底图层字段数值最大的区域的颜色。

其他数值的区域会以相同的百分比位置取两个颜色中间的渐变色,未给出数值的地图区域默认都使用第一个颜色。如下图所示:

第二种:自定义区间划分

使用这种方式时,我们可以设置每个数值区间的范围,点击下方的“+”按钮可以添加区间,然后对区间最大值进行设置。

例如我们设置三个区间,其中第一个区间的最大值为100(数值小于等于100),第二个区间最大值为500,第三个区间最大值不设置(最后一个区间的最大值不用设置,则认为是无穷大)。

使用自定义区间划分时,数值在区间范围内的区域都会使用相同的颜色,未给出数值的地图区域默认都使用第一个区间的颜色。如下图所示:

此外,这两种方式也可以结合使用,即在自定义区间划分的基础上,在每个区间内部也可以通过添加多个颜色来实现区间内部的颜色变化。

高亮颜色为鼠标移至区域上时显示的颜色,选中时的颜色就是点击选中区域时显示的颜色,分界线颜色就是区域之间的分界线颜色。

阴影设置的是整个地图的阴影,可以设置阴影大小和颜色。

轮廓线是地图外轮廓,可以设置轮廓线粗细和颜色。

区域名称指的是当前地图每个子区域的名称,如果是全国地图,就是省份的名称,如果是省份地图,就是省内各个市的名称,以此类推。该名称默认不显示,可以在此开启和设置。

开启之后可以设置区域名称文本大小、文本颜色和透明度。

 

2、呼吸点层

呼吸点层反应在地图的各个具体位置上,通过呼吸点的大小反应出对应数值大小的变化。呼吸点层的字段设置如下图所示:

地点字段指的是当前地图上的区域,地点字段可以是区域名称,也可以是经纬度数据。

取值字段是地点字段对应的数据,地点名称对应的是地点字段的名称(如果地点字段是区域名称,可以直接使用该数据作为地点名称,如果数据是经纬度,则需要在原始数据中设置具体的地点名称字段),提示信息是当鼠标移动到呼吸点上时,提示框内显示的信息(前提是开启了提示信息)。

数据中未包含的区域没有提示信息。

呼吸点层的属性设置如下图所示:

显示名称默认关闭,开启后会在呼吸点旁边显示地点名称。

呼吸点的动画有扩散和闪烁两种类型,呼吸点最小半径(对应最小的数值)、呼吸点最大半径(对应最大的数值)、呼吸点透明度和呼吸点颜色可以在这里进行设置。

需要注意的是,当地点字段为区域名称时,呼吸点处于区域的中间位置,如下图所示:

当地点字段为经纬度数据时,呼吸点就处于该经纬度对应的位置,如下图所示:

提示信息默认关闭,开启后可以对其进行设置。

包括:提示框背景色,显示提示信息标题(对应的是字段的标题),提示信息标题颜色,提示信息标题宽度,提示信息内容颜色,提示信息内容宽度、显示地点名称。

需要注意的是,如果同时显示提示信息标题和提示信息内容,则使用两端对齐方式,两边的内容根据设置的宽度自动换行,标题使用左对齐,内容使用右对齐。

循环显示提示默认关闭,开启后提示信息会循环自动播放。

3、热力层

热力层反应在地图的各个具体位置上,通过热力圈的颜色变化反应出对应数值大小的变化。热力层的字段设置如下图所示:

当提示信息开启时,根据提示信息的设置,当鼠标移至热力圈,地点字段和取值字段的内容将作为提示信息进行展示。

热力层的属性设置如下图所示:

热力圈颜色中,第一个颜色为最内圈的颜色,最后一个颜色为最外圈的颜色,随着热力圈半径的变化,各个圈所占的比例也会发生变化。

需要注意的是,热力层的地点字段可以是某一个区域的名称,也可以是某一个地点的经纬度数据,当地点字段为区域名称时,热力圈处于区域的中间位置,如下图所示:

当地点字段为经纬度数据时,热力圈就处于该经纬度对应的位置,如下图所示:

4、柱状层

柱状层反应在地图的各个具体位置上,通过柱子的高度变化反应出对应数值大小的变化。柱状层的字段设置如下图所示:

当提示信息开启时,根据提示信息的设置,当鼠标移至柱子,地点字段和取值字段的内容将作为提示信息进行展示。

柱状层的属性设置如下图所示:

柱子的形状可以设置为四棱柱或圆柱,最大高度对应的是取值字段中的最大值,其他柱子会根据对应数值与最大数值的比例生成。

需要注意的是,柱状层的地点字段可以是某一个区域的名称,也可以是某一个地点的经纬度数据,当地点字段为区域名称时,柱子处于区域的中间位置,如下图所示:

当地点字段为经纬度数据时,柱子就处于该经纬度对应的位置,如下图所示:

5、飞线层

飞线层反应在地图的各个具体位置上,通过从起始点到结束点的飞线反应出两个位置之间的联系。飞线的字段设置如下图所示:

飞线层的属性设置如下图所示:

需要注意的是:飞线层的动画类型有2种,一种是飞线,另外一种是航线。飞线动画效果如下图所示:

航线动画效果可调整地点尺寸,地点颜色,航线粗细,航线颜色,模型飞行速度以及插入飞行器3D模型和模型的大小缩放系数,设置如下图所示:

航线动画效果如下图所示:

飞线层的地点字段可以是某一个区域的名称,也可以是某一个地点的经纬度数据当地点字段为区域名称时,飞线起始点和结束点处于区域的中间位置,如下图所示:

当地点字段为经纬度数据时,飞线的起始点和结束点就处于该经纬度对应的位置,如下图所示:

6、标记层

如果我们想给地图上标记更多类型的地点(例如学校和医院等),我们可以在标记层进行设置,标记层的字段设置如下图所示:

默认只有一个标记层,点击下方的加号可以添加更多标记层,点击右上角的叉可以删除标记层。

标记层的属性设置如下图所示:

当我们对标记层的属性进行设置时,首先要选择其中的某一个标记层,每个标记层是独立设置的。

选择图片是设置该标记层的位置标识,例如你可以设置一个医院的标志。

图片的宽度、高度和透明度可以独立设置。

显示名称指的是是否将名称字段显示在标识旁边。

名称的大小、颜色和透明度可以独立设置。

需要注意的是,当地点字段为区域名称时,标记图片处于区域的中间位置,当地点字段为经纬度数据时,标记图片处于该经纬度对应的位置,如下图所示:

提示信息默认关闭,开启后可以对其进行设置。

包括:提示框背景色,显示提示信息标题(对应的是字段的标题),提示信息标题颜色,提示信息标题宽度,提示信息内容颜色,提示信息内容宽度。

需要注意的是,如果同时显示提示信息标题和提示信息内容,则使用两端对齐方式,两边的内容根据设置的宽度自动换行,标题使用左对齐,内容使用右对齐。

循环显示提示默认关闭,开启后提示信息会循环自动播放。

更多设置:

关于地图的更多设置项如下图所示:

(1)三维空间旋转
可输入任意数值,数值对应角度向X轴/y轴旋转
(2) 字体设置
这里的字体设置是对标题之外文本进行字体设置。
(3)大小和位置
通常我们可以通过直接点击和拖动组件来设置大小和位置,在这里也可以通过直接输入X坐标、Y坐标、宽和高来设置。
(4)标题
标题的设置包括:标题文字、文字颜色、背景色、文字对齐方式、文字大小以及标题文字字体的选择。
(5)边框设置
边框的设置包括:边框颜色、边框宽度和边框样式。
地图下钻:
地图下钻也就是可以在地图上双击某一个子区域,然后将地图切换到这个子区域。目前下钻支持到市一级(显示市内各个县的信息,不能点击到县内部)。
各级地图共享顶层的地图属性设置,但是字段需要单独设置,在进行字段设置时,双击进入下一级地图,然后按照上述添加各个图层的字段即可。
在Windows/Linux系统中,通过按Backspace键可以返回上一层,在maxOS系统中,通过按delete键可以返回上一层。

全屏播放时的下钻和返回操作与编辑时候一致。

 

播放列表

关闭