點地圖

1.1 版本

1.2 應用場景

當我們想要查看某個「特定位置」的資料時，用地圖實現起來會比較複雜，並且精準性不高，那麼就可以使用點地圖透過定位經緯度快速定位到準確位置。

FineReport 中常用的點地圖樣式包括：定位點地圖、散點地圖、氣泡地圖。展示效果分別如下：

• 定位點地圖

• 散點地圖

• 氣泡地圖

1.3 圖表特點

優點：與地圖結合，對資料的地理分佈顯示直覺，可精準定位。

缺點：不適合多資料集中展示，不容易區分。

1.4 應用實體

決策報表中可使用 組件複用 功能，下載安裝組件後，直接更換資料即可快速複用組件樣式，實現點地圖效果。

更多點地圖的範例，可參見 帆軟市場-組件 / 設計器→線上組件庫。

組件下載連結	描述	效果圖
點地圖-淺色	1）該組件適用於淺色簡約風格範本 2）透過定位經緯度，散點可以精準快速定位到位置。 和地圖結合，對資料的地理分步顯示直覺
定位點地圖-未來風	1）該組件適用於未來風風格範本 2）使用圖片自訂點地圖的標記點，一個定位點代表一個區域，用來展示各區域資料的分佈情況

下面將以範例的方式為大家講解點地圖的基本設定。

2.1 資料準備

這裏提供一份 Excel 資料，記錄了 10 個旅遊景點對應的經緯度和旅遊熱度，僅作為範例資料使用，不具備真實意義。

1）點選下載資料：點地圖資料.xlsx ，並將下載的 Excel 放到路徑 %FR_HOME%\webapps\webroot\WEB-INF\reportlets下。

2）建立普通報表，建立 檔案資料集「景點位置」，檔案類型選擇「Excel」，選擇下載好的資料。如下圖所示：

資料集資料如下圖所示：

注：範例範本為了方便使用者查看直接使用的內建資料集。

2.2 插入圖表

1）為了展示地圖時不分頁，先在菜單欄「範本> 頁面設定 」中將紙張大小調整大一些。

2）合併一片儲存格區域，被選儲存格，點選工具欄  插入圖表，選擇「地圖>點地圖」。如下圖所示：

2.3 設計地圖

選中地圖所在儲存格，點選右側屬性面板「儲存格元素」，可設定地圖的各個屬性：類型、資料、樣式、特效。

2.3.1 圖層設定

選擇「類型」， 地圖點選擇「中國」，GIS 圖層選擇「自訂>深藍」。

注：點地圖單獨使用時，「GIS 圖層」為「無」不支援顯示邊框，需在組合地圖中結合區域地圖，將區域地圖的圖層設定為無，實現顯示固定邊框的效果。

2.3.2 綁定資料

點地圖綁定資料時，地理資訊的匹配方式有兩種：

• 區域名匹配：根據地圖上的區域名匹配資料集中資料以及顯示定位點。

• 經緯度定位：根據經緯度顯示定位點，區域名根據資料集中欄位顯示。

使用「區域名匹配」時需要注意：區域名右側有一個設定按鈕 ，點選會彈出「區域名匹配」設定框。預設會將資料集中的區域名跟地圖內建區域名自動進行 模糊匹配 ，未匹配到時也可以自訂匹配關係。例如地圖點選擇「中國」，則匹配區域名時可匹配各個省份。而本例所示資料，則需要將各個景區匹配到各自所屬省份。如下圖所示：

本範例使用「經緯度定位」，無需匹配區域名，具體設定如下圖所示：

2.3.3 設定標籤

選擇「樣式>標籤」，勾選「使用標籤」，文字內容勾選「區域名」，字元為「跟隨主題」，即標籤的字體樣式、顏色等跟隨主題顯示。

2.3.4 設定系列

1）點選「樣式>系列」，顏色 設定保持預設。

2）「標記點>點樣式」可選擇定位點、散點、氣泡和自訂圖片。

• 定位點：可設定定位點的高度，預設為 22 px 。

• 散點：可設定散點的類型和半徑 。

• 氣泡：可設定氣泡的最小直徑、最大直徑、陰影以及負氣泡的展示。系列的資料越大，氣泡越大。

1.2 節中已經展示了定位點地圖、散點地圖和氣泡地圖，所以這裏我們選擇「自訂圖片」。

上傳圖片後，自訂圖片的寬高，使其比例大小合適即可。

注：點樣式為「自訂圖片」時不支援「閃爍動畫」。

2.4 效果預覽

2.4.1 PC 端

儲存報表，點選「分頁預覽」，效果如下圖所示：

2.4.2 行動端

App 端和 HTML5 端均支援，效果如下圖所示：

點選下載範本：點地圖.cpt

4.1 條件屬性自訂點樣式

「特效>條件顯示」條件屬性中的標記點由「樣式>系列>標記點」處設定的點樣式決定。即在系列中設定的是什麼類型的點樣式，在條件屬性中只能針對該點樣式進行修改。

例如：

• 系列中設定標記點為「定位點」，條件屬性中只能修改定位點的高度。如下圖所示：

• 系列中設定標記點為「自訂圖片」，條件屬性處只能修改自訂圖片。如下圖所示：

注：當標記點為「自訂圖片」時，若新增「配色」條件屬性，標記點不會改變顏色，只有系列中的點樣式為定位點、散點或氣泡時，才能使用「配色」改變標記點顏色。