1.1 问题描述

第三方地图会限制访问次数，当超出访问限制时，图层无法正常显示，因此建议访问量较大的地图自定义 tileLayer 图层。

1.2 解决思路

自定义 tileLayer 图层推荐一个地图供应厂商：Mapbox，在其官方网站生成图层 URL 后拷贝到地图自定义 tileLayer 下的 URL 编辑框中即可。

2.1 生成 URL 链接

1）打开 Mapbox官网 ，如果没有账号点击下方按钮注册，已有账号直接登录即可。

2）登录账号后点击右上方个人中心下拉按钮，选择Studio，如下图所示：

3）新打开的页面点击New style创建一个自定义图层，如下图所示：

4）任意选择一个图层模板如 Outdoors，点击Customize Outdoors，进入图层编辑界面，如下图所示：

5）图层编辑界面左侧可以设置图层属性，按照自己的需求进行设置即可，如下图所示：

6）如下图步骤生成第三方共享图层链接，点击复制按钮将 URL 复制到剪贴板，如下图所示：

2.2 报表设计

2.2.1 准备数据

新建决策报表，新建数据查询数据集 ds1 ，SQL 语句为：SELECT * FROM 地图

2.2.2 插入图表

将地图拖拽到 body 中，地图类型选择区域地图，如下图所示：

2.2.3 绑定数据

绑定地图数据，展示每个省份对应的销售额，如下图所示：

2.2.4 图层设置

GIS 图层选择自定义 tileLayer，将 2.1 中生成的 URL 拷贝到编辑框中即可，如下图所示：

2.3 效果预览

2.3.1 PC 端

保存报表，点击表单预览，自定义图层效果如下图所示：

2.3.2 移动端

同时支持 App 端和 H5 端预览，效果如下图所示：

已完成模板参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\Map\自定义TileLayer.frm

点击下载模板：自定义TileLayer.frm

自定义图层的 URL 中是不支持{r}参数的，如果有该参数那么前端预览时图层不会显示，如下图所示：

解决该问题，把URL中的{r}参数删掉即可。