1. 概述
1.1 應用場景
使用者不想使用產品內建圖層，希望可以自訂圖層，例如：根據實際需要自主劃分割槽域。
商場地圖匯入帆軟，最後在地圖上顯示各個店鋪的銷量。
使用者有張效果圖，想在效果圖上自訂區域及參數，例如想做個商場平面圖、車間平面圖等，如下圖所示：
1.2 實現方法
需要在決策系統的地圖配置處新增「自訂圖片」類型的地圖邊框，設計地圖時選擇自訂的地圖邊框即可。
2. 範例
2.1 製作自訂地圖邊框
1）進入決策系統，選擇「管理系統>地圖配置>自訂圖片」，選中自訂圖片目錄，點選 新增自訂圖片，將自訂地圖邊框的名稱設定為 2Fmarket，點選確定。
如下圖所示：
2）選中建立的地圖邊框「2Fmarket」，點選右側匯入圖片按鈕，範例中匯入一張商場二樓平面圖。如下圖所示：
注：匯入的圖片可自適應大小，也可以透過滾輪自由縮放大小。
3）使用畫矩形工具將每個商家的區域圈出來，並設定區域名為對應商家的編號，所有商家都設定完畢後，點選右上角儲存即可。如下圖所示：
注：如果需要圈出的區域是不規則形狀，那麼可以使用畫多邊形工具進行描點。
4）至此自訂地圖邊框製作完成，生成的 JSON 檔案儲存在%FR_HOME%\webapps\webroot\WEB-INF\assets\map\image目錄下，如下圖所示：
2.2 製作範本
2.2.1 準備資料
建立內建資料集「market」，包含 3 個欄位：商鋪名、商品、品牌。如下圖所示：
2.2.2 插入圖表
合併一片區域儲存格，插入圖表，選擇「地圖>區域地圖」，地圖邊框選擇「自訂圖片>2Fmarket」。如下圖所示：
2.2.3 綁定資料
綁定區域地圖資料，如下圖所示：
2.2.4 設計樣式
1）取消勾選「圖例可見」，隱藏圖例。
2）勾選使用標籤，標籤正文勾選區域名，並自訂字元格式。
3）系列顏色劃分選擇系列，配色方案自訂組合色，設定不透明度為100。
4）提示正文勾選區域名和值。
2.3 效果預覽
2.3.1 PC 端
儲存報表，點選「分頁預覽」，效果如 1.1 應用場景中所示。
2.3.2 行動端
App 端和 HTML5 端均支援，效果如下圖所示：
3. 範本下載
點選下載範本：商場自訂地圖.cpt
4. 注意事項
4.1 檔案放置伺服器需同步地理檔案
若將生成的自訂圖片的 JSON 檔案copy到伺服器使用時，需在決策系統>地圖配置中同步地理檔案。詳情可參見文檔：地圖配置 2.4 節。
4.2 標籤提示不顯示
如果開啟了範圍圖例，出現如下圖所示標籤和提示不顯示的情況，那麼需要將值對應的欄位修改為數字體別，或者直接將圖例改為普通圖例。
4.3 圖片大小限制
上傳圖片大小限制為 2M，也就是 Tomcat 預設 post 大小限制，使用者可自行設定為不限制圖片大小。
設定方法參見文檔：WangEditor富正文元件插件 第 4 章節內容。
4.4 離線使用自訂圖片
11.0.6 及之後的版本中，「自訂圖片」圖層需網路連結請求高德 API 資源，否則無法顯示。
1）內網情況下開放標準樣式的高德 api 白名單域名可使用，包括：webapi.amap.com 、vdata.amap.com 、restapi.amap.com 。
2）內網其餘情況可安裝 內網支援自訂地圖 插件使用。
安裝插件後，自訂圖片功能介面與 11.0.5 及之前版本自訂圖片功能一致，不支援 11.0.6 版本新增的轉列小工具。
注：安裝插件後，無論是否網路連結，都呼叫插件功能，進行自訂圖片配置。未安裝插件，正常使用當前版本地圖配置功能。
11.0.5 及之前版本：
11.0.6 及之後版本：
上一篇：地圖縮放
