Grafana插件地图Worldmap不显示

作者：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