網站Cookies的使用

我們與第三方合作,在我們的網站上放置cookies。 這些Cookies有助於提供使用者客製化內容、投放廣告和分析網站流量。以進而提供您更好的網頁瀏覽體驗。藉由點選“同意”或繼續瀏覽網頁的方式,您同意我們使用網站Cookies。之後,您仍可以管理是否要繼續使用網站與第三方合作的Cookies。

詳細資訊
企業推薦資料視覺化工具|資料視覺化 EP11.拆解圖形與資料的『地圖』關係

EP11. 拆解圖形與資料的『地圖』關係

EP11.拆解圖形與資料的『地圖』關係

系列文 | Jones 2019-12-17

前言


上一篇介紹 企業推薦資料視覺化工具|資料視覺化《EP10. 拆解圖形與資料的『關聯+流程』關係》此篇開始以『地圖』的資料關係,介紹Smart eVision 的資料視覺化元件。

生活中,我們常會用到地圖,「地圖」是用來解釋不同地理位置的資訊,如何有效的將地圖資料視覺化?以下將為大家一一介紹。

關於地圖,Smart eVision 運用二種視覺化元件展現 :「Map」、「Open Layers Map」 ,接下來在內容中將詳細為各位介紹。


『地圖』資料視覺化元件:

  1. Map
  2. 路徑位置:視覺化控制項 / Map

    Smart eVision 的地圖資料視覺化元件,能夠成為地圖資訊化的即戰力,其中 Smart eVision 提供了

    「地圖管理器 (Map Manager)」功能,能幫助做到以下設計:

    1.自訂標幟位置。

    2.自訂地圖上區域範圍。

    3.自行定義地圖上面的顯示名稱。

    4.SVG的地圖放大、縮小不失真。

    5.提供了廣至五大洲、細至臺灣319鄉鎮的圖資可以做選擇。

    6.地圖有多個階層,可以定義想要的圖資階層。

    7.提供可上傳自己的地圖,例如:工廠廠區圖,進行地圖的製作。

    地圖可以搭配不同的視覺化元件,呈現不同的互動效果,例如下圖的銷售戰報。

    Map

    在區域地圖中,Smart eVision支援全球五大洲地圖,而台灣地圖細分到319鄉鎮, 所有行政區都可以設計、呈現,想讓使用者在大區域地圖顯示細部數值, 在設計時也可以輕鬆新增(下圖紅框)。

    Map

    地圖可以套用格式化條件,依照各地區數值顯示不同的顏色,讓使用者可以更容易了解其中差異,例如下圖的2014-2016來台旅客地區分布圖範例。

    Map

    另外,地圖還可以直接Drilldown看到子層地圖資訊。

    Map

    搭配其它的視覺化元件(Gauge、Data Grid、Border...等),能讓各種面向的資訊呈現在同一張儀表板上,例如下圖的105年度台灣鄉鎮區密度分析範例。

    Map

    並且,整張地圖還有放大的效果,例如,會議進行時,主管通常會坐在最後方的位置, 此時就可以使用放大效果,使地圖更加清楚。

    Map

  3. OpenLayersMap(OLMap)
  4. 路徑位置:視覺化控制項 / OpenLayersMap (OLMap)

    另外,還有支援OpenLayersMap(OLMap)的應用,也可以呈現實際的地圖,例如下圖物流配送的規劃。

    OpenLayersMap (OLMap)

    地圖也可以透過滑鼠的滾輪縮放觀看。

    OpenLayersMap (OLMap)

    OpenLayersMap(OLMap) 也可以像Map一樣搭配其他的物件互動,例如,下圖為Walmart&Chicago的銷售分析儀表板,左邊搭配Data Grid顯示詳細的地址,點選其中一個地址時右邊OLMap就會跟著切換到地址上相對應的位置呈現,就可以看出地圖上面的位置。

    OpenLayersMap (OLMap)

下一篇,將會為各位介紹,拆解圖形與資料關係的『其他』視覺化元件,敬請期待!透過 Smart eVision 商業智慧BI工具能協助您快速完成設計,使用者也可以輕鬆理解資料,讓資料視覺化輕鬆完成。

如果想要看實際頁面呈現效果,可以點選➽範例展示進行觀看,加入聯銓會員,我們不定時還會寄送聯銓相關資訊給您!


此篇分類於:#SmarteVision #資料視覺化 #資料視覺化元件 #資料視覺工具 #資訊圖表 #地圖 #Map #OpenLayersMap(OLMap)


更多Smart eVision學習資訊

我們的官方網站

我們的臉書粉絲團

我們的官方YouTube頻道