自訂GIS圖層

1.1 版本

1.2 應用場景

• 使用者覺得 FineBI 內建圖層不夠炫酷，想呼叫自訂的地圖圖層。

• 使用者想用百度地圖的圖層。

• 使用者希望 GIS 背景中的文字是英文顯示的。

• 內網環境中，GIS 背景缺失、不顯示、無法載入。

• 客戶伺服器不能連網，地圖 GIS 背景不顯示。

• 使用者想自訂圖層。

1.3 功能簡介

GIS 背景圖指的是地圖的底圖，類似高德、mapbox 地圖的瓦片地圖資料。

FineBI 中內建了深藍、黑色、mapbox、清新、高德地圖、素雅、午夜、衛星八種地圖背景，同時也支援使用者自訂。如下圖所示：

1.4 注意事項

若使用者為內網環境，則無法載入在 tilelayer 中輸入 GIS 背景，即 FineBI 內建 GIS 背景也無法載入，解決方案可參考本文第三章內容。  

推薦兩個地圖供應廠商：https://www.mapbox.com 和 http://thunderforest.com/。

注：由於第三方地圖會限制存取次數（超出限制會導致 GIS 圖層無效或疊加水印），因此建議存取量較大的客戶根據需求選擇合適的自訂 tilelayer。

1）建立一個 GIS 圖形。進入「管理系統>地圖配置>自訂GIS圖層」，點選「+」，新增 GIS 背景，如下圖所示：

2）其中 mapbox 網站獲取連結的方式可參考：mapbox的註冊和使用方法 2.1 節。

3）在 tilelayer 下輸入已獲取到的 URL ，點選載入圖層，如下圖所示：

3.1 功能介紹

利用 arcgis 等地圖工具發佈的 WMS 服務（如何搭建請百度），使用者可以在局域網內實現離線地圖展示。

1）建立一個圖層，選擇「WMS」，輸入 URL ，使用者可以到網上搜尋其他可用的 WMS 使用。

注： FineBI  要求的 WMS 格式，只需要輸入 GetCapabilities 請求。例如：「https://demo.mapserver.org/cgi-bin/wms?」。 根據對應的 WMS 協定， FineBI  會進一步獲取可用的圖層供使用者選擇，不需要使用者再輸入詳細的圖層資訊。

2）點選「載入圖層」按鈕，請求到所有 wms 圖層後，URL 輸入框的下方即顯示所有 wms 圖層的複選框組（預設選中全部），根據需要勾選圖層即可，如下圖所示：

3）點選「儲存」按鈕。

3.2 其他說明

1）若點選「載入圖層」無法載入出圖片，檢查下 url 中連接的參數與我們預設連接參數（&SERVICE=WMS&REQUEST=GetMap&VERSION=1.1.1&LAYERS=圖層名&STYLES=&FORMAT=image/jpeg&TRANSPARENT=false&HEIGHT=256&WIDTH=256&SRS=EPSG:3857&BBOX=坐标）是否不同，目前連接參數無法自訂。

WMS 僅支援 leaflet 預設情況，比如僅支援投影方式為 EPSG:3857。

如需要支援其他請聯絡技術支援，技術支援聯絡方式請參見：帆軟官方服務渠道使用説明 。

2）6.0 之前版本，WMS 服務僅支援投影方式為 EPSG:3857。6.0 及之後版本，可支援三種投影方式 EPSG:3857、EPSG:4326、EPSG:3395 。

4.1 註冊高德地圖帳號並申請key

使用高德地圖 JS API 開發地圖應用需要做一些準備，請參考 高德地圖開發教程 註冊帳號並申請 Key 。

得到 Key 和安全金鑰如下圖所示，可先複製以備後用。

4.2 建立自訂地圖並分享

1）點選進入 高德自訂地圖平台 ，可以建立我的自訂地圖。如下圖所示：

2）點選進入地圖樣式編輯介面，可修改各類地理資訊的樣式並儲存。如下圖所示：

3）點選地圖樣式右下角的「分享」，複製 JS API 呼叫的地圖樣式 ID 以備後用。如下圖所示：

注：此處複製的內容對應「自訂GIS圖層>高德地圖」的 mapStyle 。

4.3 應用

如下圖所示：

注：請使用自己建立的真實的Key，此處僅示範格式。

建立一個圖層，選擇「WMTS」，輸入 URL ，使用者可以到網上搜尋其他可用的 WMTS 使用。

例如 URL 為 https://e.s2maps-tiles.eu/wmts?layer=bluemarble_3857&style=default&tilematrixset=g  ，點選「載入圖層」，效果如右側效果圖所示。

注：在配置 WMTS 圖層時，URL 中 layer、style、tilematrixset 為必填參數，WMTS 服務僅支援投影方式為 EPSG:3857 。