温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

Grafana中怎么利用worldmap-panel实现一个世界地图

发布时间:2021-08-10 11:33:04 来源:亿速云 阅读:1495 作者:Leah 栏目:云计算

这篇文章将为大家详细讲解有关Grafana中怎么利用worldmap-panel实现一个世界地图,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

worldmap插件安装

Grafana的插件安装都比较简单,可以直接通过文档进行安装即可。
https://grafana.com/grafana/plugins/grafana-worldmap-panel/installation

Grafana中怎么利用worldmap-panel实现一个世界地图

安装插件

安装完成后重启,即可在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从插件的文档上就可以看到它支持的数据源包括 GraphiteInfluxDBOpenTSDBPrometheusMySQLPostgreSQL等数据源。支持表数据与时间序列的数据形式。表数据的形式需要每条数据都带有geohash格式的经纬度坐标。

Grafana中怎么利用worldmap-panel实现一个世界地图

Location Data
 

业务实现

需要实现一个用户所在地区的地图。数据的可以返回geohash。那么具体需要的数据就是 geohash,地区名称,人数。

Grafana中怎么利用worldmap-panel实现一个世界地图

GeoHash Setting

可以直接查看最终的结果

Grafana中怎么利用worldmap-panel实现一个世界地图


关于Grafana中怎么利用worldmap-panel实现一个世界地图就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI