1. 概述
1.1 版本
| 报表服务器版本 | JAR 包版本 | 功能变动 |
|---|---|---|
| 10.0.13 | 2021-01-25 |
|
1.2 应用场景
当我们想要查看某个「特定位置」的数据时，用地图实现起来会比较复杂，并且精准性不高，那么就可以使用点地图通过定位经纬度快速定位到准确位置。
FineReport 中常用的点地图样式包括：定位点地图、散点地图、气泡地图。展示效果分别如下：
定位点地图
散点地图
气泡地图
1.3 图表特点
优点：与地图结合，对数据的地理分布显示直观，可精准定位。
缺点：不适合多数据集中展示，不容易区分。
1.4 应用实例
决策报表中可使用 组件复用 功能，下载安装组件后，直接替换数据即可快速复用组件样式，实现点地图效果。
更多点地图的示例，可参见 帆软市场-组件 / 设计器→在线组件库。
| 组件下载链接 | 描述 | 效果图 |
|---|---|---|
| 点地图-浅色 | 1）该组件适用于浅色简约风格模板 2）通过定位经纬度，散点可以精准快速定位到位置。 和地图结合，对数据的地理分步显示直观 | |
| 定位点地图-未来风 | 1）该组件适用于未来风风格模板 2）使用图片自定义点地图的标记点，一个定位点代表一个区域，用来展示各区域数据的分布情况 | |
2. 示例
下面将以示例的方式为大家讲解点地图的基本设置。
2.1 数据准备
这里提供一份 Excel 数据，记录了 10 个旅游景点对应的经纬度和旅游热度，仅作为示例数据使用，不具备真实意义。
1）点击下载数据：点地图数据.xlsx ，并将下载的 Excel 放到路径 %FR_HOME%\webapps\webroot\WEB-INF\reportlets 下。
2）新建普通报表，新建 文件数据集「景点位置」，文件类型选择「Excel」，选择下载好的数据。如下图所示：
数据集数据如下图所示：
注：示例模板为了方便用户查看直接使用的内置数据集。
2.2 插入图表
1）为了展示地图时不分页，先在菜单栏「模板> 页面设置 」中将纸张大小调整大一些。
2）合并一片单元格区域，选中单元格，点击工具栏 插入图表，选择「地图>点地图」。如下图所示：
2.3 设计地图
选中地图所在单元格，点击右侧属性面板「单元格元素」，可设置地图的各个属性：类型、数据、样式、特效。
2.3.1 图层设置
选择「类型」， 地图点选择「中国」，GIS 图层选择「自定义>深蓝」。
注：点地图单独使用时，「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 端均支持，效果如下图所示：
3. 模板下载
已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewMap\点地图.cpt
点击下载模板：点地图.cpt
4. 注意事项
4.1 点样式优化
10.0.13 版本对点样式进行了优化，原「默认」样式改为「定位点」，且支持设置点的高度，如下图所示：
标记点的颜色跟随系列色，条件属性悬浮颜色、不透明度 、配色也都可以生效。
如果旧模板在新版本中打开，点样式会显示成「默认-兼容」，相关的设置项及前端显示逻辑同原有「默认」标记点的逻辑，不支持设置定位点的高度。
当用户编辑点样式选择其他选项后该兼容选项则不在下拉框出现。
4.2 条件属性自定义点样式
「特效>条件显示」条件属性中的标记点由「样式>系列>标记点」处设置的点样式决定。即在系列中设置的是什么类型的点样式，在条件属性中只能针对该点样式进行修改。
例如：
系列中设置标记点为「定位点」，条件属性中只能修改定位点的高度。如下图所示：
系列中设置标记点为「自定义图片」，条件属性处只能修改自定义图片。如下图所示：
注：当标记点为「自定义图片」时，若添加「配色」条件属性，标记点不会改变颜色，只有系列中的点样式为定位点、散点或气泡时，才能使用「配色」改变标记点颜色。