Grafana的worldmap-panel實現世界地圖的分析展現

使用Grafana如果不畫一個世界地圖實在是有點可惜

Grafana提供了一個worldmap-panel用來實現一個世界地圖的數據可視化，常用來分析不同的地區不同的值。例如最近大家都會關注的疫情地圖。

疫情地圖

我們當前的需求其實很簡單，想看一下我們當前的用戶地區分佈。如果僅僅是通過文字可能對於感官上來說不是很明顯。
所以，想通過數據可視化在一張世界地圖上一目瞭然的看到。

worldmap插件安裝

Grafana的插件安裝都比較簡單，可以直接通過文檔進行安裝即可。
https://grafana.com/grafana/plugins/grafana-worldmap-panel/installation

安裝插件

安裝完成後重啓，即可在Visualization中看到該Panel。

worldmap解決地圖背景不顯示的問題

可能很多人遇到了跟我一樣的問題，插件安裝了選擇了該插件後無法顯示地圖背景。正常來說哪怕我們沒有任何的數據也應該會有個世界地圖展現出來。
其實主要的問題就是網絡的問題，worldmap-panel的訪問地址需要進行修改。

1. 進入worldmap插件的安裝目錄備份出三個文件
   1.1 grafana-worldmap-panel\src\worldmap.ts

   1.2 grafana-worldmap-panel\dist\module.js

   1.3 grafana-worldmap-panel\dist\module.js.map

2. 將文件中的url進行修改.
   2.1 https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png 修改爲 http://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png

   2.2 https://cartodb-basemaps-{s}.global.ssl.fastly.net/dark_all/{z}/{x}/{y}.png  修改爲 http://{s}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png

worldmap-panel使用介紹

執行完成上面的修復之後worldmap已經能夠正常顯示地圖的背景了，那麼我們接下來就可以開始介紹worldmap-panel的使用了。
worldmap-panel從插件的文檔上就可以看到它支持的數據源包括 Graphite、InfluxDB、OpenTSDB、Prometheus、MySQL、PostgreSQL等數據源。支持表數據與時間序列的數據形式。表數據的形式需要每條數據都帶有geohash格式的經緯度座標。

Location Data

業務實現

需要實現一個用戶所在地區的地圖。數據的可以返回geohash。那麼具體需要的數據就是 geohash，地區名稱，人數。

GeoHash Setting

可以直接查看最終的結果

worldmap

完成 happy ending！

本文分享自微信公衆號 - 指尖數蟲（zhijianshuchong）。
如有侵權，請聯繫 [email protected] 刪除。
本文參與“OSC源創計劃”，歡迎正在閱讀的你也加入，一起分享。