1 概述
GIS地图通过空间分析和可视化技术,以直观、生动的方式展现地理空间数据,为企业提供全面、深入的数据分析支持,助力精准决策和业务优化。GIS地图组件是通过叠加图层方式展示地图数据,支持染色、标记、大数据标记和热力四种地图渲染效果。
2 地图简介
GIS地图组件能实现丰富的展示和交互效果,满足各种使用场景,其功能简介如下:
1、支持多种方式接入GIS服务: 系统提供了TileLayer 以瓦片方式加载访问天地图、百度、高德等常见的在线瓦片地图或者用户自己部署发布的离线瓦片地图,也支持自己部署并发布的WMS、ArcGIS Rest方式的地图服务,以满足不同的使用场景。详情可查看:GIS地图服务 。
2、GIS地图组件可以展示不同数据模型的地理数据,灵活接入不同数据源以满足各类数据展示需求。
3、GIS地图组件支持叠加多种渲染效果的图层,包括染色、标记、大数据标记、热力图四种图层类型,提供更丰富的数据呈现方式。
4、支持框选地图上的部分数据,便于用户聚焦关键数据,并进行进一步的分析和探索,提升数据细节的呈现和洞察能力。
5、地图基础能力都已支持,包括:地图缩放、回到中心点、地图钻取、联动跳转等,满足更多分析场景。
3 地图图层类型
支持染色、标记、大数据标记、热力四种图层类型,效果如下图所示:
3.1 染色层
1、场景描述:某大型零售公司,想要分析全国各省份的销售额和销售量情况,效果如下图所示:
2、以产品内置Demo资源的“订单模型”作为数据来源。
3、操作步骤
(1)添加染色层,在数据选择区中,勾选 省份 和 销售额 字段,由系统自动分配到 区域地理维 和 颜色 上;或拖拽 省份 字段到 区域地理维 , 销售额 字段到 颜色 。如下图所示:
(2)拖拽 发货城市、销售额 和 销售量 字段到 标签 ,并设置 隐藏重叠标签 ,效果如下图所示:
GIS地图组件支持在标签上展示多个字段的信息,如果标签内容比较多,可使用 隐藏重叠标签 功能,自动隐藏重叠的标签。当地图放大时,标签有足够的空间展示,则又会把未放大前隐藏的标签显示出来。
(3)在颜色、标签、提示等功能上,如果拖入维度字段时,支持设置该维度字段需要显示的数据内容,一般适用于相对地理维字段,会有多个维成员的情况,比如一个省份会包含多个城市,在省份地图上要展示城市的标签时,可配置展示什么样的城市数据。支持配置的显示数据方式包括:
- 第一个:显示当前区域中,查询结果为第一个的内容。
- 最后一个:显示当前区域中,查询结果为最后一个的内容。
- 计数:显示当前区域中,所有查询结果的总条数。
- 唯一计数:显示当前区域中,所有查询结果不重复时的总条数。
(4)调整标签的文字颜色,最终效果展示如下图所示:
3.2 标记层
1、场景描述:某大型零售公司,想要从销售额高、中、低3个区间段的角度去分析全国各城市的销售额情况,效果如下图所示:
2、以产品内置Demo资源的“订单模型”作为数据来源。
3、操作步骤
(1)添加标记层,在仪表盘主题中选择 绚丽深色-大屏 主题。如下图所示:
(2)在数据选择区中,拖拽 发货城市 字段到 区域地理维 , 销售额 字段分别拖拽到 颜色 和 形状 上。如下图所示:
(3)设置 颜色 为区间分段的效果,按照高、中、低3个区间段分别设置最小值、最大值和颜色,效果如下图所示:
(4)参考颜色的设置效果,点击设置 形状 也为区间分段的效果,效果如下图所示:
(5)在 大小 中设置渲染大小为 2,效果如下图所示:
(6)点击展开图例面板,即可看到最终的效果如下图所示:
3.3 大数据标记层
1、场景描述:展示全国各地区微博签到情况,效果如下图所示:
2、以产品内置Demo资源的“微博签到大数据集”作为数据来源。
3、操作步骤
(1)添加大数据标记层,在仪表盘主题中选择 绚丽深色-大屏 主题。如下图所示:
(2)选择 经纬度 作图,在数据选择区中,拖拽 c_x 字段到 经度地理维 ,c_y 字段到 纬度地理维 , c_type 字段到 颜色 。如下图所示:
此时地图默认输出100行数据。
(3)在组件属性 > 图层 > 大数据标记层 > 输出行数 中,设置输出行数为 10万,大数据标记层最大可输出的行数为10万,如下图所示:
染色层、标记层和热力层最大可输出行数为1000。
(4)设置 大小 为 0.4 ,效果如下图所示:
为了地图的渲染性能,大数据标记层的 大小 和 形状 不支持拖入字段。
(5)在 颜色 中 ,设置c_type数据项的颜色,即可得到最终的效果如下图所示:
3.4 热力层
1、场景描述:展示全国各城市销售热度情况,效果如下图所示:
2、以产品内置Demo资源的“订单模型”作为数据来源。
3、操作步骤
(1)添加热力层,在数据选择区中,勾选 城市 和 销售额 字段,由系统自动分配到 区域地理维 和 颜色 上;或拖拽 城市 字段到 区域地理维 , 销售额 字段到 颜色 。如下图所示:
(2)在 颜色 中设置左侧颜色为 绿色 ,右侧颜色为 红色 ,如下图所示:
(3)在 大小 中设置渲染大小为 2,最终效果展示如下图所示:
4 多图层地图效果
多图层地图和本文 章节3 中单图层地图的操作方法类似,多图层是通过在GIS地图组件上添加多个地图图层类型叠加而来,本章节更多是介绍多图层的操作注意点。
4.1 来源同个数据模型
1、场景描述:展示全国各省份及城市销售分布,并突出显示销售额前5的城市,效果如下图所示:
2、以产品内置Demo资源的“订单模型”作为数据来源。
3、操作步骤
(1)添加染色层,在数据选择区中,拖拽 省份 字段到 区域地理维 , 销售额 字段到 颜色 。如下图所示:
(2)点击 添加图层 ,选择添加 标记层 ,如下图所示:
一个GIS地图组件中,最多可添加5个地图图层。
(3)添加标记层后,默认会选中新添加的图层,且新添加的图层默认置顶,在数据选择区中,拖拽 城市 字段到 区域地理维 , 销售额 字段到 大小 。如下图所示:
- 图层名称标记为 蓝色 ,以及图层作图区域展开,都是标识当前所操作的是哪个图层,如下图所示:
- 点击 图层顺序 ,可调整当前GIS地图组件中各图层的顺序,序号小的图层在上方,在上方的图层会覆盖下方的图层,如下图所示:
(4)调整标记层的颜色效果,如下图所示:
(5)在组件属性中,设置标记层的TOPN样式,即可得到最终的效果,如下图所示:
4.2 来源不同数据模型
GIS地图组件中,不同的地图图层的数据可以来源不同的数据模型,同一个地图图层的数据只能来源同一个数据模型。
(1)在数据选择区中,点击切换业务数据集,即可为该图层选择其他数据模型,如下图所示:
(2)来源不同数据模型的图层操作和来源同个数据模型的图层操作类似,在这里就不展开说明,详细操作可参考本文 章节4.1 。
5 地图工具
5.1 图例
(1)图例面板默认是收起的,在地图工具栏中可点击展开。在颜色、大小和形状上拖入字段后,会自动生成图例,且每个图层会分别生成不同的图例显示在图例面板上。
(2)可在图例中,点击显示/隐藏对应范围的内容。
(3)在组件属性中可设置每个图层中的图例是否显示。
5.2 框选
(1)在地图工具栏中,可以点击 框选 ,选择想要重点查看的区域数据。
- 每次框选只能针对某个图层上的地图要素进行选择,不能同时框选多个图层。
- 支持的框选操作类型:点选、矩形、圆形、多边形和手绘。
(2)框选完后,弹出查看数据窗口,显示当前图层所有作图字段的数据,如下图所示:
(3)在框选后的查询数据窗口中,如果需要对当前的数据进行进一步分析探索,可点击 进入透视分析模式 和 进入即席查询模式 ,详情可查看 :进入透视分析模式 。
5.3 回到中心点
当缩放或平移地图后,希望一键回到初始效果时,可在地图工具栏中点击 回到中心点。
5.4 放大缩小
点击地图工具栏上的 + 和 - ,可以放大、缩小地图。
GIS地图缩放时,每放大一级或缩小一级,宽高都会等比放大或缩小一倍,不同缩放级别对应的瓦片数分别:1 → 1*1、2 → 2*2、3 → 4*4......n → 2^n-1 * 2^n-1,所以每一级缩放,效果会差别比较多,并且无法做到出现0.几的缩放级别。
6 更多设置
1、底图
在组件属性设置中,可以配置GIS地图的底图,一个GIS地图组件只能选择一个底图,即所有图层共用一个底图,且只能选择在 GIS地图服务 中已定义的底图。
系统内置了一个浅色和一个深色的天地图。
系统内置的天地图默认每天最多只能调用API刷新3百万次,超过次数后GIS底图将显示不了,需要等到下一天才能重新有次数。且这3百万次是所有环境总共刷新的次数,并不是单个项目单个环境,所以项目上如果想要正式使用GIS地图组件,建议项目自行部署一个GIS地图服务。
2、中心点
(1)默认是根据当前数据所在的区域范围全部显示完整的原则,系统自动选择合适的中心点和缩放级别。
(2)用户可根据实际业务情况,固定地图的中心点位置和缩放级别,点击 同步中心点 ,可一键将当前GIS地图的 中心点经纬度 和 缩放级别 同步到 中心点 设置项中。
缩放级别:GIS地图缩放时,每放大一级或缩小一级,宽高都会等比放大或缩小一倍,不同缩放级别对应的瓦片数分别:1 → 1*1、2 → 2*2、3 → 4*4......n → 2^n-1 * 2^n-1,所以每一级缩放,效果会差别比较多,并且无法做到出现0.几的缩放级别。