网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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://bjjierui.cn/article/jpecip.html

其他资讯