地圖簡介

FineReport 內建資料地圖功能強大，可以實現豐富的地圖展示效果，其具體的功能介紹如下：

• 支援鑽取地圖、熱力地圖、流向地圖、氣泡地圖、自訂地圖等地圖類型。

• 內建高德、mapbox 等 GIS 圖層，也支援自訂 GIS 地圖背景。

• 可以實現地圖縮放、位置定位等功能。

• 支援自訂 WMS、WMTS 服務製作離線地圖。

FineReport 內建多種地圖類型，選擇圖表時可按需選擇，地圖類型簡介請參考文檔：地圖類型 。

3.1 GIS 圖層

GIS 圖層包含了世界範圍內諸如省市區行政劃分、道路交通、邊框劃分等地理資訊，FineReport 內建了多種高德地圖示準圖層，同時支援自訂 GIS 圖層。

FineReport GIS 圖層有 3 個設定項：

• 標準：內建了幾種高德地圖的標準樣式主題，可滿足不同風格範本的搭配，同時地圖合規性要求比較好。

注：WebGL 有記憶體限制，當使用標準高德圖層的地圖組件過多時，可能會出現地圖組件背景載入不出來的問題。

• 自訂：支援透過自訂高德地圖、 TileLayer 、 WMS 、WMTS 服務的方式自訂 GIS 圖層。

  其中「高德地圖」和「WMTS」僅支援 11.0.6 版本及之後的設計器

• 自動：範本主題 是淺色主題時預設使用「標準>標準」圖層，深色主題預設使用「標準>雅士灰」圖層。
  

注：上述內建圖層僅支援線上查看。

3.1.1 標準 GIS 圖層注意事項

標準 GIS 圖層內建都是高德標準樣式圖層。這裏主要介紹使用該圖層時，一些需要注意的點。

1）當前瀏覽高德地圖效能較好的瀏覽器有：Chrome、Microsoft Edge( Chromium核心 ）、Firefox、Safari。我們推薦您使用這些瀏覽器來查看標準 GIS 圖層。

部分使用者使用較高版本的 Chrome、Firefox 等支援 Web GL 的瀏覽器缺還是會出現無法預覽的情況，很大可能與硬體顯卡有關係。

此處提供一些排查方法及解決方案：Chrome 不支援 WebGL 怎麼辦？

2）高德標準 GIS 圖層除「標準」外的樣式不支援匯出，匯出後均為標準樣式。

3）高德標準 GIS 圖層匯出後展示為圖片，交互效果失效。

4）非 IE 瀏覽器使用的高德圖層 2.0 API，前端縮放等級最小到 2；IE 瀏覽器使用的是 1.4.15 API，前端縮放等級最小到 3。

3.1.2 自訂 GIS 圖層

如果內建圖層無法滿足需求，可以使用自訂圖層。

自訂 GIS 圖層有以下 4 種方式：

3.2 地圖邊框

地圖邊框在 GIS 圖層的基礎上，高亮展示出資料所用到的地圖範圍。

如：資料只是在國內這樣一個範圍內，那麼地圖邊框就可以設定為中國。如果資料只是一個省份的，那麼地圖邊框就可以設定成這個省份。

如下圖，設定地圖邊框為中國，那麼整個中國區域會有高亮效果，中國以外的區域則為 GIS 圖層。若希望只顯示中國區域，將 GIS 圖層設定為「標準>無」即可。

3.3 初始狀態

3.1.1 縮放等級

地圖初始的縮放距離，也就是地圖拉近的程度，值越大，地圖拉的越近。預設自動，也可下拉自訂選取一個等級。

詳情可參見文檔：地圖縮放 。

3.1.2 中心點

設定地圖初始的中心點，預設自動，也可以透過輸入經緯度自訂一箇中心點。

不同類型的地圖綁定資料時，可設定地理資訊的匹配方式為「區域名匹配」或「經緯度匹配」，區域地圖只支援「區域名匹配」。

當使用「區域名匹配」時，區域名會根據地理資訊進行模糊匹配，可能存在匹配不正確或匹配不到的情況，則需要自訂匹配。如下圖所示：

詳情請參見文檔：地圖模糊匹配 。

地圖樣式支援六項設定：標題、圖例、標籤、系列、背景、提示。

更多內容請參考文檔：圖表樣式 。

地圖支援設定交互屬性、條件顯示等特效，更多內容可參考文檔：圖表特效 。

以下是部分交互特效範例：

文檔連結	應用場景	效果圖
地圖自動重新整理	支援監視重新整理功能，如果後台資料動態變化，前端資料可以實時更新
地圖鑽取與聯動	鑽取地圖實現鑽取的同時聯動其他圖表或表格

關於圖表API的更多內容請參見文檔：圖表API 。

以下是部分地圖API應用範例：

文檔連結	應用場景	效果圖
JS實現點擊按鈕轉移地圖中心點和鑽取	使用鑽取地圖時，透過在元件中輸入經緯度後點選按鈕轉移中心點，選擇區域名後點選按鈕鑽取到該區域。
地圖開啟資料點提示輪播	地圖各區域的資料點提示輪播顯示

點選設計器頂部菜單欄 「伺服器>地圖配置」，可進入數據決策系統設定伺服器地圖配置，作用於當前伺服器下所有範本中的地圖。如下圖所示：

注：map 檔案中的 world-3d.json，當使用場景類的擴展圖表時，會用到這個 json 檔案。