我们专注攀枝花网站设计 攀枝花网站制作 攀枝花网站建设
成都网站建设公司服务热线:400-028-6601

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

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

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

专注于为中小企业提供成都做网站、网站设计、外贸营销网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业双牌免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

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实现一个世界地图就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网页名称:Grafana中怎么利用worldmap-panel实现一个世界地图
当前网址:http://mswzjz.cn/article/jpecip.html

其他资讯