1. 概述
1.1 版本
报表服务器版本 | 功能变动 |
---|---|
11.0.6 | 地图配置>自定义GIS图层,新增「高德地图」自定义图层功能 |
1.2 功能简介
11.0.6 版本及之后的设计器平台,地图配置 支持自定义高德地图 GIS 图层,并在设计器地图模板中应用。如下图所示:
注:暂不支持直接在设计器「地图类型>GIS图层」处自定义。
2. 示例
2.1 注册高德地图账号并申请Key
使用高德地图 JS API 开发地图应用需要做一些准备,请参考 高德地图开发教程 注册账号并申请 Key 。
得到 Key 和安全密钥如下图所示,可先复制以备后用。
2.2 创建自定义地图并分享
1)点击进入 高德自定义地图平台 ,可以创建我的自定义地图。如下图所示:
2)点击进入地图样式编辑界面,可修改各类地理信息的样式并保存。如下图所示:
注:FineReport 仅支持高德地图「底图」样式,不支持「图层」样式。
3)点击地图样式右下角的「分享」,复制 JS API 调用的地图样式ID 以备后用。如下图所示:
2.3 新建自定义高德地图图层
1)在设计器中,点击顶部菜单栏「服务器>地图配置」,登录数据决策系统,跳转到地图配置界面。
2)选择「自定义GIS图层」,新建一个目录并命名。选中创建的新目录,选择「高德地图」,填写配置项。
配置项如下表所示:
注1:请使用自己创建的真实的 key,此处仅示范格式。
注2:同一个模板内,只能使用一个 key 对应的图层,不支持使用多个不同 key 的图层。
配置项 | 说明 | 内容示例 |
---|---|---|
key | Key | f7c*********************************** |
mapStyle | 地图样式 ID | amap://styles/2b87*********************** |
config | {"securityJsCode":"安全密钥"} | {"securityJsCode":"c7e**************************"} |
然后点击「加载图层」,右侧出现在高德自定义地图平台创建的地图样式。
最后点击右上角「保存」设计器中即可生效。如下图所示:
2.4 模板地图应用GIS图层
在上一步「同步地理文件」后,在设计器的模板中,地图 GIS 图层选择「自定义」时,即可选择新建的自定义图层。如下图所示:
模板预览的地图图层效果如下图所示:
App 端和 HTML5 端预览效果如下: