反馈已提交

网络繁忙

自定义高德地图GIS图层

  • 文档创建者:Alicehyy
  • 历史版本:5
  • 最近更新:Lynette.Zhao 于 2024-03-07
  • 1. 概述

    1.1 版本

    报表服务器版本功能变动
    11.0.6
    地图配置>自定义GIS图层,新增「高德地图」自定义图层功能

    1.2 功能简介

    11.0.6 版本及之后的设计器平台,地图配置 支持自定义高德地图 GIS 图层,并在设计器地图模板中应用。如下图所示:

    注:暂不支持直接在设计器「地图类型>GIS图层」处自定义。

    6.png

    2. 示例

    2.1 注册高德地图账号并申请Key

    使用高德地图 JS API 开发地图应用需要做一些准备,请参考 高德地图开发教程 注册账号并申请 Key 。

    得到 Key 和安全密钥如下图所示,可先复制以备后用。

    Snag_3f23a4a3.png

    2.2 创建自定义地图并分享

    1)点击进入 高德自定义地图平台 ,可以创建我的自定义地图。如下图所示:

    Snag_3ed741a5.png

    2)点击进入地图样式编辑界面,可修改各类地理信息的样式并保存。如下图所示:

    注:FineReport 仅支持高德地图「底图」样式,不支持「图层」样式。

    1656326503524375.png

    3)点击地图样式右下角的「分享」,复制 JS API 调用的地图样式ID 以备后用。如下图所示:

    Snag_3eda918c.png

    7.png

    2.3 新建自定义高德地图图层

    1)在设计器中,点击顶部菜单栏「服务器>地图配置」,登录数据决策系统,跳转到地图配置界面。

    Snag_3ee4da9a.png

    2)选择「自定义GIS图层」,新建一个目录并命名。选中创建的新目录,选择「高德地图」,填写配置项。

    配置项如下表所示:

    注1:请使用自己创建的真实的 key,此处仅示范格式。

    注2:同一个模板内,只能使用一个 key 对应的图层,不支持使用多个不同 key 的图层。

    配置项说明内容示例
    keyKey
    f7c***********************************
    mapStyle地图样式 IDamap://styles/2b87***********************
    config{"securityJsCode":"安全密钥"}{"securityJsCode":"c7e**************************"}

    然后点击「加载图层」,右侧出现在高德自定义地图平台创建的地图样式。

    最后点击右上角「保存」设计器中即可生效。如下图所示:

    5.png

    2.4 模板地图应用GIS图层

    在上一步「同步地理文件」后,在设计器的模板中,地图 GIS 图层选择「自定义」时,即可选择新建的自定义图层。如下图所示:

    Snag_3f1a8dac.png

    模板预览的地图图层效果如下图所示:

    Snag_3f1ed8bb.png

    App 端和 HTML5 端预览效果如下:

    Snag_1383b4d1.png

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭



    AI

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持