1. 概述
1.1 問題描述
從文檔 自訂圖片作爲地圖邊界 中可知，我們可以透過上傳圖片製作地圖，那麼如何使用圖片製作鑽取地圖呢？
例如：點選商場分佈中的 2號樓 ，可鑽取查看其內部平面分佈圖。如下圖所示：
1.2 實現思路
在「地圖配置>自訂圖片」中，將圖片按照層級關係分別匯入，低層級的圖片名稱與高層級圖片中對應區域的區域名保持一致即可。如下圖所示
2. 範例
2.1 地圖配置自訂圖片
點選下載本例要使用的兩張圖片：圖片素材.zip
1）開啟設計器後，點選菜單欄「伺服器>地圖配置」，瀏覽器登入數據決策系統。
2）選擇「自訂圖片」，首先匯入的是高層級的「商場分佈圖」，此時要先選中「自訂圖片」目錄，再點選目錄右上角的新增按鈕，設定要新增的圖片名稱。如下圖所示：
3）匯入商場分佈圖後，使用畫多邊形工具，圈出幾個樓群分佈，並設定每個區域的區域名。全部設定完成後點選右上角「儲存」即可。如下圖所示：
4）再在目錄中選中剛剛儲存的「商場分佈圖」，再次點選目錄右上方的新增按鈕，為其新增下一層級「2號樓綜合區」。
注：層級下的目錄名稱必須與上一層級中某個區域的區域名一致，才能實現鑽取。
重複之前自訂圖片的步驟，對「2號樓綜合區」進行區域劃分和命名，完成後點選右上角「儲存」即可。最終效果如下圖所示：
5）完成自訂圖片製作後，點選右上角「同步地理檔案」，地圖即可生效。
2.2 鑽取地圖範本製作
2.2.1 準備資料
點選設計器左上角「檔案>建立決策報表」，建立 內建資料集 Embedded1 ，本例僅簡單示範鑽取效果，故資料非常簡單。如下圖所示：
2.2.2 設計圖表
1）將鑽取地圖拖入 body 介面，雙擊圖表，將鑽取地圖的地圖邊框設定為自訂的「商場分佈圖」。如下圖所示：
2）将地图边界设置为自定义的「商场分布图」，GIS图层为「自动」，如下图所示：
3）绑定地图数据：本例选择的是底层数据汇总，绑定时即绑定第二层的区域名和值即可。
2.3 效果預覽
2.3.1 PC 端
儲存報表，點選「PC端預覽」，效果如 1.1 節效果圖所示。
2.3.2 行動端
App 端和 HTML5 端均支援，效果如下圖所示：
注：由於範本需本地自訂地圖配置，故本例不提供範本。
