请启用 Javascript 以查看内容

Grafana插件地图Worldmap不显示

 ·   ·  ☕ 2 分钟  ·  ✍ CNSRE · 👀... 阅读

作者:SRE运维博客
博客地址:https://www.cnsre.cn
文章地址:https://www.cnsre.cn/posts/210426026121/
相关话题:https://www.cnsre.cn/tags/grafana/


介绍

最近上了ELK 日志分析,想着手看下用户的分布情况,在kibana 中展示用户分布情况是没有问题的,但是索引添加到Granfana 中的话就无法展示。

问题描述

添加ES索引以后,map地图一片黑,不显示地图信息以及数据。但是有显示图例。后来发现是网络的问题,地图的URL是外面的,国内看不到。
cnsre运维博客|Linux系统运维|自动化运维|云计算|运维监控

解决方法

替换插件里grafana-worldmap-panel文件图片地址
三个文件路径

1
2
3
grafana-worldmap-panel\src\worldmap.ts
grafana-worldmap-panel\dist\module.js
grafana-worldmap-panel\dist\module.js.map

将三个文件中的
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
将三个文件中的
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

操作如下

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
# cd /var/lib/grafana/plugins/
 
# grafana-worldmap-panel\src\worldmap.ts
# grafana-worldmap-panel\dist\module.js
# grafana-worldmap-panel\dist\module.js.map

# sed -i 's/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/' \
grafana-worldmap-panel/src/worldmap.ts \
grafana-worldmap-panel/dist/module.js \
grafana-worldmap-panel/dist/module.js.map

#sed -i 's/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/'  \
grafana-worldmap-panel/src/worldmap.ts \
grafana-worldmap-panel/dist/module.js \
grafana-worldmap-panel/dist/module.js.map

重启Grafana

1
systemctl restart grafana

cnsre运维博客|Linux系统运维|自动化运维|云计算|运维监控


作者:SRE运维博客
博客地址:https://www.cnsre.cn
文章地址:https://www.cnsre.cn/posts/210426026121/
相关话题:https://www.cnsre.cn/tags/grafana/


您的鼓励是我最大的动力
alipay QR Code
wechat QR Code

Avatar
作者
CNSRE
一位只会重启的运维


目录