自定义tileLayer图层

1.1 版本

1.2 功能簡介

第三方地圖會限制存取次數，當超出存取限制時，圖層無法正常顯示，因此建議存取量較大的地圖自訂 tileLayer 圖層。

此時可使用自定義 TileLayer 圖層功能。

FineReport 支援在設計器範本中僅對當前範本地圖自訂 TileLayer 圖層。也支援在數據決策系統「地圖配置>自訂 GIS 圖層」中自訂  TileLayer 圖層，可作用於當前報表伺服器下所有範本。

注：內建「衛星」圖層，若載入不出來，請自行修改 URL 為 http://{s}.tiles.mapbox.com/v4/mapbox.satellite/{z}/{x}/{y}{r}.png?access_token=pk.eyJ1Ijoid2FuZ2p1bjEzMDMiLCJhIjoiY2l4OHBscnYwMDAwdTJ5cWY5cnRrZGM0ZSJ9.FQy75sTd5x1dujqvTsLzvA

自訂 TileLayer 圖層推薦一個地圖供應廠商：Mapbox，在其官方網站生成圖層 URL 後copy到地圖自訂 TileLayer 下的 URL 編輯框中即可。

2.1 生成 URL 連結

注：以下生成的 URL 只是一個簡單的範例，因為是非產品相關，更加詳細的配置需要您自行查閱相關資料。

1）打开 Mapbox官网 ，如果沒有帳號點選下方按鈕登入，已有帳號直接登入即可。

2）登入帳號後點選右上方個人中心下拉按鈕，选择Studio，如下图所示：

3）新開啟的頁面點選New style建立一個自訂圖層，如下圖所示：：

4）任意選擇一個圖層範本如 Outdoors，點選Customize Outdoors，進入圖層編輯介面，如下圖所示：

5）圖層編輯介面左側可以設定圖層屬性，按照自己的需求進行設定即可，如下圖所示：

6）如下圖步驟生成第三方共享圖層連結，點選複製按鈕將 URL 複製到剪下簿，如下圖所示：

2.2 建立自訂高德地圖圖層

1）在設計器中，點選頂部菜單欄「伺服器>地圖配置」，登入數據決策系統，跳轉到地圖配置介面。

2）選擇「自訂GIS圖層」，建立一個目錄並命名。選中建立的新目錄，選擇「TileLayer」，填寫 URL。

本例使用 URL 為：https://api.mapbox.com/styles/v1/leotsai/ckdskdlj810ve19nvkvkbpdig/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoibGVvdHNhaSIsImEiOiJja2RzaTQzNG8wZjE2MnJxczh0b2xnM2djIn0.-VMQ4r1GsulAVcZS9nM7rQ

注：Attribute 填寫內容為地圖圖層角標，建議根據實際使用的地圖廠商進行填寫。

然後點擊「載入圖層」，右側出現自定義的地圖圖層樣式。

最後點選右上角「儲存」設計器中即可生效。如下圖所示：

2.3 範本地圖應用GIS圖層

在上一步「同步地理檔案」後，在設計器的任意範本中，地圖 GIS 圖層選擇「自訂」時，即可選擇建立的 TileLayer 圖層。如下圖所示：

範本預覽的地圖圖層效果如下圖所示：

App 端和 HTML5 端預覽效果如下圖所示：

2.4 單個範本中自訂 TileLayer 圖層

自訂 TileLayer 圖層支援對當前範本單獨設定。

在地圖型別「GIS圖層」處，選擇「自訂>自訂TileLayer」，輸入 URL 即可。

如下圖所示：

1）自訂圖層的 URL 中是不支援 {r} 參數的，如果有該參數那麼前端預覽時圖層不會顯示，解決該問題，只需要把 URL 中的 {r} 參數刪掉即可。

2）11.0.6 版本之前的設計器中，自訂 TileLayer 圖層僅支援投影方式為 EPSG:3857。11.0.6 版本及之後的設計器中，可支援三種投影方式 EPSG:3857、EPSG:4326、EPSG:3395 。