Grafana中怎么利用worldmap-panel實(shí)現(xiàn)一個(gè)世界地圖

worldmap插件安裝

Grafana的插件安裝都比較簡(jiǎn)單，可以直接通過(guò)文檔進(jìn)行安裝即可。
https://grafana.com/grafana/plugins/grafana-worldmap-panel/installation

安裝完成后重啟，即可在Visualization中看到該P(yáng)anel。

worldmap解決地圖背景不顯示的問(wèn)題

可能很多人遇到了跟我一樣的問(wèn)題，插件安裝了選擇了該插件后無(wú)法顯示地圖背景。正常來(lái)說(shuō)哪怕我們沒(méi)有任何的數(shù)據(jù)也應(yīng)該會(huì)有個(gè)世界地圖展現(xiàn)出來(lái)。
其實(shí)主要的問(wèn)題就是網(wǎng)絡(luò)的問(wèn)題，worldmap-panel的訪問(wèn)地址需要進(jìn)行修改。

1. 進(jìn)入worldmap插件的安裝目錄備份出三個(gè)文件
   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進(jìn)行修改.
   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使用介紹

執(zhí)行完成上面的修復(fù)之后worldmap已經(jīng)能夠正常顯示地圖的背景了，那么我們接下來(lái)就可以開(kāi)始介紹worldmap-panel的使用了。
worldmap-panel從插件的文檔上就可以看到它支持的數(shù)據(jù)源包括 Graphite、InfluxDB、OpenTSDB、Prometheus、MySQL、PostgreSQL等數(shù)據(jù)源。支持表數(shù)據(jù)與時(shí)間序列的數(shù)據(jù)形式。表數(shù)據(jù)的形式需要每條數(shù)據(jù)都帶有g(shù)eohash格式的經(jīng)緯度坐標(biāo)。

業(yè)務(wù)實(shí)現(xiàn)

需要實(shí)現(xiàn)一個(gè)用戶所在地區(qū)的地圖。數(shù)據(jù)的可以返回geohash。那么具體需要的數(shù)據(jù)就是 geohash，地區(qū)名稱，人數(shù)。

可以直接查看最終的結(jié)果