中国2D中目前支持添加:涟漪层、飞线层、区域热力层,支持配置地图的位置、颜色、鼠标交互事件等,能够多角度、多形式地渲染全国各城市地理位置的实时数据。
样式设置
中国2D组件样式设置包括通用设置,子组件管理,全局配置,区域设置,区域标签,交互样式,下钻设置。
子组件管理
新增子组件:点击子组件管理后的“+”
图标,弹出子组件窗口,选择一个子组件,即可完成子组件的添加;
删除子组件:鼠标悬停在子组件的名称上,出现删除按钮,点击即可删除子组件。
配置子组件:
点击子组件名称,进入子组件配置页面。
数据设置
该组件无数据设置
区域热力层是中国2D地图的子组件,支持独立的样式、数据和交互配置,包括区域的标注、颜色、边线、鼠标交互事件以及位置信息等,能够以热力区域的形式表现地理位置上的区域信息。
适用场景:在地图中通过赋予不同颜色以范围,展示某一自定义区域的数据。
区域热力层的样式设置可以分为数据映射和和文本标注两部分。
数据映射:设置显示映射图标、拖拽手柄和图标文字。
其中图标类型可以选择连续型和分段型2种;
图标方向可以选择垂直或水平2种;
可以调整横纵坐标值来设置数据映射的具体位置;
设置最大值最小值热力区域的范围;
设置最大值、最小值颜色值和文本字号。
文本标注:可以设置文字在地图上的显示样式。
可以设置具体的文本字体字号颜色,也可以设置标注的规则。
{name}-{value}和数据设置中的字段匹配,如不想显示具体的数值可以去掉{value}。
具体样式设置预览效果如下:
数据字段
在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。
目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。
当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。
当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。
数据格式
[
{
"name": "北京市",
"value": 100
},
{
"name": "天津市",
"value": 60
},
{
"name": "上海市",
"value": 50
},
{
"name": "重庆市",
"value": 40
},
{
"name": "广东省",
"value": 80
},
{
"name": "黑龙江省",
"value": 10
},
{
"name": "吉林省",
"value": 30
},
{
"name": "辽宁省",
"value": 12
},
{
"name": "内蒙古自治区",
"value": 23
},
{
"name": "河北省",
"value": 21
},
{
"name": "山西省",
"value": 41
},
{
"name": "陕西省",
"value": 17
},
{
"name": "山东省",
"value": 27
},
{
"name": "河南省",
"value": 54
},
{
"name": "江苏省",
"value": 67
},
{
"name": "安徽省",
"value": 56
},
{
"name": "浙江省",
"value": 78
},
{
"name": "福建省",
"value": 41
},
{
"name": "江西省",
"value": 28
},
{
"name": "湖南省",
"value": 50
},
{
"name": "广西壮族自治区",
"value": 10
},
{
"name": "海南省",
"value": 8
},
{
"name": "台湾省",
"value": 7
},
{
"name": "云南省",
"value": 15
},
{
"name": "贵州省",
"value": 66
},
{
"name": "四川省",
"value": 59
},
{
"name": "西藏自治区",
"value": 11
},
{
"name": "新疆维吾尔自治区",
"value": 9
},
{
"name": "青海省",
"value": 8
},
{
"name": "甘肃省",
"value": 4
},
{
"name": "宁夏回族自治区",
"value": 3
},
{
"name": "香港特别行政区",
"value": 2
},
{
"name": "澳门特别行政区",
"value": 14
},
{
"name": "湖北省",
"value": 77
}
]
飞线层是基础平面地图的子组件,支持独立的样式和数据配置,能够以飞线的形式表现地理位置上两个点之间的OD数据
适用场景:可以用来展示两地之间的关联信息,如物流、交易等。
飞线层的样式设置包含飞线样式、尾迹特效、首位标记、数据映射。
飞线样式包含线的粗细、样式、颜色、曲度;
尾迹特效包含形状、大小、长度、颜色、特效周期;
首位标记可以选择开始标记、结束标记和设置标记大小;
数据映射可以根据数值来调整飞线的颜色,包含最大值、最小值、最大值颜色、最小值颜色。
需要注意的是:如果开启了数据映射,那么将以数据映射中配置的样式为准;
数据字段
飞线层的数据字段包括:from,to,fromName,toName,value,s
from:飞线的起点经纬度信息,需要将数据与图表进行映射;
to:飞线的终点经纬度信息,需要将数据与图表进行映射;
fromName:起点的地点名称,需要将数据与图表进行映射;
toName:终点的地点名称,需要将数据与图表进行映射;
value:飞线代表的值,需要将数据与图表进行映射;
tooltip:提示框内容,需要将数据与图表进行映射;
s:数据系列值,需要将数据与图表进行映射;
在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。
目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。
当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。
当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。
[
{
"from": "116.405285,39.904989",
"to": "126.642464,45.756967",
"s": "1",
"value": 2,
"fromName": "北京市",
"toName": "哈尔滨市"
},
{
"from": "116.405285,39.904989",
"to": "121.472644,31.231706",
"s": "1",
"value": 4,
"fromName": "北京市",
"toName": "上海市"
},
{
"from": "116.405285,39.904989",
"to": "114.298572,30.584355",
"s": "1",
"value": 3,
"fromName": "北京市",
"toName": "黄石市"
},
{
"from": "116.405285,39.904989",
"to": "113.280637,23.125178",
"s": "1",
"value": 10,
"fromName": "北京市",
"toName": "广州市"
},
{
"from": "116.405285,39.904989",
"to": "110.33119,20.031971",
"s": "1",
"value": 10,
"fromName": "北京市",
"toName": "三亚市"
},
{
"from": "116.405285,39.904989",
"to": "104.065735,30.659462",
"s": "1",
"value": 5,
"fromName": "北京市",
"toName": "成都市"
},
{
"from": "116.405285,39.904989",
"to": "102.712251,25.040609",
"s": "1",
"value": 9,
"fromName": "北京市",
"toName": "昆明市"
},
{
"from": "116.405285,39.904989",
"to": "91.132212,29.660361",
"s": "1",
"value": 8,
"fromName": "北京市",
"toName": "拉萨市"
},
{
"from": "116.405285,39.904989",
"to": "101.778916,36.623178",
"s": "1",
"value": 3,
"fromName": "北京市",
"toName": "西宁市"
},
{
"from": "116.405285,39.904989",
"to": "87.617733,43.792818",
"s": "1",
"value": 1,
"fromName": "北京市",
"toName": "乌鲁木齐市"
},
{
"from": "116.405285,39.904989",
"to": "121.509062,25.044332",
"s": "1",
"value": 6,
"fromName": "北京市",
"toName": "台湾"
},
{
"from": "116.405285,39.904989",
"to": "108.948024,34.263161",
"s": "2",
"value": 7,
"fromName": "北京市",
"toName": "西安市"
}
]
涟漪层是基础平面地图的子组件,支持独立的样式和数据配置,能够以动态涟漪的形式表现地理位置上点的数据特效。
适用场景:以大小不同的涟漪样式来体现某地区或区域数据的大小。例如,借助大小不同的涟漪展现不同城市的人口数量。
涟漪层的样式设置包含涟漪设置、大小设置、文本标书和和数据映射4种。
默认配置:可选择涟漪形状、涟漪颜色、动画时间和绘制方式;
大小设置:可以设置最小涟漪、最大涟漪的值,以及波纹大小;
文本标注:可以设置是否显示文本,选择文本的位置、标注规则、具体文本的字体字号颜色;
数据映射:设置最大值、最小值、最大值颜色、最小值颜色
需要注意的是:如果开启了数据映射,那么将以数据映射中配置的样式为准;
数据字段
涟漪层的数据字段包括:lon,lat,value,s,name
lon:涟漪的起点经纬度信息,需要将数据与图表进行映射;
lat:涟漪的终点经纬度信息,需要将数据与图表进行映射;
value:涟漪代表的值,需要将数据与图表进行映射;
s:数据系列值,需要将数据与图表进行映射;
name:地点名称,需要将数据与图表进行映射
在下方表格中可输入或复制粘贴所需要的数据。其中,每一列数据对应一个数据字段,第一行为该列数据字段名,需要在上方进行映射设置。
目前,数据接入表格支持复制、粘贴、修改、删除数据。选中需要进行改动的数据后,可以点击右键进行操作,也可以使用ctrl+c等快捷键进行操作。当点击列序号或行序号是,会对该列或行全部选中,点击末尾的红色按钮可对该行或列进行删除操作,也可以点击右键对该行或列进行其他操作。
当点击红框内的放大按钮时,会出现放大输入窗口,方便用户进行操作。窗口内操作方式相同,修改数据完成后点击完成即可保存并进行后续字段映射。
当点击高级输入时,用户需在输入框中输入json格式的数据,数据格式如下。
[
{
"name": "北京市",
"lat": 39.904989,
"lon": 116.405285,
"value": 5,
"s": "1"
},
{
"name": "黑龙江省",
"lat": 45.756967,
"lon": 126.642464,
"value": 9,
"s": "1"
},
{
"name": "上海市",
"lat": 31.231706,
"lon": 121.472644,
"value": 3,
"s": "1"
},
{
"name": "广东省",
"lat": 23.125178,
"lon": 113.280637,
"value": 1,
"s": "1"
},
{
"name": "海南省",
"lat": 20.031971,
"lon": 110.33119,
"value": 5,
"s": "1"
},
{
"name": "四川省",
"lat": 30.659462,
"lon": 104.065735,
"value": 9,
"s": "1"
},
{
"name": "湖北省",
"lat": 30.584355,
"lon": 114.298572,
"value": 4,
"s": "1"
},
{
"name": "云南省",
"lat": 25.040609,
"lon": 102.712251,
"value": 5,
"s": "1"
},
{
"name": "西藏自治区",
"lat": 29.660361,
"lon": 91.132212,
"value": 6,
"s": "1"
},
{
"name": "陕西省",
"lat": 34.263161,
"lon": 108.948024,
"value": 7,
"s": "1"
},
{
"name": "青海省",
"lat": 36.623178,
"lon": 101.778916,
"value": 10,
"s": "1"
},
{
"name": "新疆维吾尔自治区",
"lat": 43.792818,
"lon": 87.617733,
"value": 10,
"s": "1"
},
{
"name": "台湾省",
"lat": 25.044332,
"lon": 121.509062,
"value": 8,
"s": "1"
}
]
我们的产品专家为您找到最合适的产品/解决⽅案
1v1线上咨询获取售前专业咨询
专业产品顾问,随时随地沟通