1.1 版本说明

1.2 应用场景

当我们想要查看某个「特定位置」的数据时，用地图实现起来会比较复杂，并且精准性不高，那么就可以使用点地图通过定位经纬度快速定位到准确位置。

FineReport 中常用的点地图样式包括：定位点地图、散点地图、气泡地图。展示效果分别如下：

• 定位点地图

• 散点地图
  

• 气泡地图

1.3 图表特点

优点：与地图结合，对数据的地理分布显示直观，可精准定位。

缺点：不适合多数据集中展示，不容易区分。

下面将以示例的方式为大家讲解点地图的基本设置。

2.1 数据准备

新建普通报表，新建内置数据集「景点位置」，记录了 10 个旅游景点对应的经纬度和旅游热度 。如下图所示：

2.2 插入图表

1）为了展示地图时不分页，先在菜单栏「模板> 页面设置 」中将纸张大小调整大一些。

2）合并一片单元格区域，选中单元格，点击工具栏 插入图表，选择「地图>点地图」。如下图所示：

2.3 设计地图

选中地图所在单元格，点击右侧属性面板「单元格元素」，可设置地图的各个属性：类型、数据、样式、特效。

2.3.1 图层设置

选择「类型」， 地图点选择「中国」，GIS 图层选择「自定义>深蓝」。

2.3.2 绑定数据

点地图绑定数据时，地理信息的匹配方式有两种：

• 区域名匹配：根据地图上的区域名匹配数据集中数据以及显示定位点。

• 经纬度定位：根据经纬度显示定位点，区域名根据数据集中字段显示。

本示例使用「经纬度定位」，具体设置如下图所示：

2.3.3 设置标签

选择「样式>标签」，勾选「使用标签」，文本内容勾选「区域名」，样式为「自动」，自动时标签的字体颜色跟随系列颜色显示。

2.3.4 设置系列

1）点击「样式>系列」，颜色 设置保持默认。

2）「标记点>点样式」可选择定位点、散点、气泡和自定义图片。

• 定位点：可设置定位点的高度，默认为 22 px 。

• 散点：可设置散点的类型和半径 。

• 气泡：可设置气泡的最小直径、最大直径、阴影以及负气泡的展示。系列的数据越大，气泡越大。

1.2 节中已经展示了定位点地图、散点地图和气泡地图，所以这里我们选择「自定义图片」。

上传图片  后，自定义图片的宽高，使其比例大小合适即可。

注：点样式为「自定义图片」时不支持「闪烁动画」。

2.4 效果预览

2.4.1 PC 端

保存报表，点击「分页预览」，效果如下图所示：

2.4.2 移动端

App 端和 HTML5 端均支持，效果如下图所示：

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\点地图.cpt

点击下载模板：点地图.cpt

4.1 点样式优化

10.0.13 版本对点样式进行了优化，原「默认」样式改为「定位点」，且支持设置点的高度，如下图所示：

标记点的颜色跟随系列色，条件属性悬浮颜色、不透明度 、配色也都可以生效。

如果旧模板在新版本中打开，点样式会显示成「默认-兼容」，相关的设置项及前端显示逻辑同原有「默认」标记点的逻辑，不支持设置定位点的高度。

当用户编辑点样式选择其他选项后该兼容选项则不在下拉框出现。

4.2 条件属性自定义点样式

「特效>条件显示」条件属性中的标记点由「样式>系列>标记点」处设置的点样式决定。即在系列中设置的是什么类型的点样式，在条件属性中只能针对该点样式进行修改。

例如：

• 系列中设置标记点为「定位点」，条件属性中只能修改定位点的高度：

• 系列中设置标记点为「自定义图片」，条件属性处只能修改自定义图片。

那么如果要使用条件属性将不同的点设置成不同颜色时，也必须将系列下的点样式设置为定位点、散点或气泡，然后在条件属性处通过「配色」设置项进行修改。