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 端預覽效果如下: