反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

地图自定义标签位置

  • 文档创建者:我从山中来
  • 历史版本:22
  • 最近更新:TW 于 2024-04-02
  • 1. 概述

    1.1 问题描述

    FineReport 内置的地图,在使用「区域地图」时,若设置显示「区域名」标签,其显示的位置默认是按照每个省份的省会城市来显示的。如下图所示:

    1629096407460020.png

    但是会有用户希望区域名能够在每个区域居中显示,例如百度地图显示的方式:

    Snag_334f0704.png

    1.2 解决思路

    区域地图显示标签的位置是由「地图配置」中区域的中心点决定的,直接修改中心点的经纬度,就可以改变标签显示的位置了。

    Snag_3352100e.png

    2. 示例

    2.1 准备数据

    点击设计器左上角「文件>新建决策报表」,新建数据库查询 ds1 ,SQL 查询语句为:SELECT * FROM 地图。如下图所示:

    1637823111602287.png

    2.2 插入地图

    直接将「地图」拖入 body 中,并修改组件标题为「地图自定义标签位置」。如下图所示:

    Snag_66faa6de.png

    2.3 设计地图

    选中图表,点击图表右上角 (或直接双击图表)进入图表属性编辑面板,可设置图表的各个属性:类型、数据样式特效

    2.3.1 设置图层

    双击地图进入编辑状态,默认即为「区域地图」。选择地图边界为「中国」,GIS 图层为「标准>远山黛」。如下图所示:

    Snag_66fec4b3.png

    2.3.2 绑定数据

    选择「数据」,绑定图表数据如下图所示:

    Snag_67007b7b.png

    2.3.3 设置图表标签

    勾选「使用标签」,选择显示内容为「通用>区域名」。如下图所示:

    Snag_6702eb23.png

    其余样式设置可根据情况自定义。保存图表预览一下,效果如下图所示:

    Snag_6705cf9e.png

    2.4 配置地图中心点

    1)点击菜单栏「服务器>地图配置」,登录数据决策系统「地图配置界面」。

    Snag_6706fb3d.png

    2)在地图配置界面的「地理信息」,选择「区域」,再选中 world 下的「中国」,右侧配置界面会出现灰色高亮的中国区域地图。点击区域时,弹出区域信息,如下图所示:

    Snag_337663fb.png

    3)默认的区域中心点是该区域省会城市的经纬度,我们可以通过百度地图的 拾取坐标系统 拾取自己想要的位置的经纬度,然后复制该坐标经纬度。如下图所示:

    Snag_337cb3c4.png

    4)将复制的坐标粘贴到地图配置中区域的「中心点」,并保存该点,再点击「右上角」的保存,最后「同步地理文件」。如下图所示:

    注:10.0.17 版本及之后的设计器中才有「同步地理文件」功能,之前的版本需重启服务器改动才能生效。

    Snag_337e4c94.png

    同步地理文件成功之后,在设计器重新预览模板即可。

    2.5 效果预览

    2.5.1 PC 端

    重新预览模板,可以看到「新疆」地区标签的位置居中显示了。如下图所示:

    Snag_670c6307.png

    2.5.2 移动端

    App 端和 HTML5 端均支持,效果如下图所示:

    Snag_670e0676.png

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\Map\地图自定义标签位置.frm

    点击下载模板:地图自定义标签位置.frm

    注:模板下载后需按文档所述方法修改区域中心点,才能看到标签位置修改的效果。

    附件列表


    主题: 数据准备

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526