Grafana的Worldmap插件地图不显示

这两天用Grafana的Worldmap插件，填写是照着这个帖子做的https://blog.csdn.net/py_wang/article/details/79186634。帖子里用的不是经纬度而是geohash的格式。然后用influxdb传入数据之后，只显示点，地图一直不显示出来。

后来发现是网络的问题，地图的URL是外面的，国内看不到。这里我曾经想过，grafana也提供云服务，直接用云上的grafana会不会就可以显示了，尝试之后发现不行，不知道原因。

最后解决方案：

替换插件里文件里的URL。

这个是身边的大佬找到的方法，大佬是看到这个帖子做的https://www.popyone.com/post/26.html。这里记下来。免得很久以后要再搞，我又找不到啥的。

1.安装worldmap

grafana-cli plugins install grafana-worldmap-panel

重启

service grafana-server restart

2.解决grafana 里地图插件worldmap-panel无法读取地图图片的解决方法

cd /var/lib/grafana/plugins/

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

这里我修改了本地的grafana和阿里云ecs的grafana，都显示了。本地的很好改，修改阿里云的ecs时因为没有图形化界面，vim用来查找替换非常不顺手。本来尝试了vscode里的插件remote ssh来直接远程修改文件。照着这个帖子做的https://www.cnblogs.com/dotnetcrazy/p/11254225.html 但是我用这个插件时不时断线，不知道为什么。（想起来之前用的是sublime text里的插件，不是vscode的，不过懒得再去试sublime了）

后来准备用winscp先把文件下下来改完再传上去。结果发现winscp本身就支持远程修改，图形化界面用着非常便利。就直接用winscp修改了。

Grafana的Worldmap插件地图不显示相关推荐

Grafana的Worldmap插件使用方法
Worldmap插件的数据源的数据形式有两种,表数据和时间序列数据.表数据形式,需要每条记录都有geohash格式的经纬度坐标:时间序列数据形式,要求数据库表内的数据需要有指定的国家或城市的代码(如中 ...
Grafana 插件地图Worldmap不显示
Grafana 插件地图Worldmap不显示介绍最近上了ELK 日志分析,想着手看下用户的分布情况,在kibana 中展示用户分布情况是没有问题的,但是索引添加到Granfana 中的话就无法展 ...
Grafana的Worldmap使用，添加Mysql 数据源
Worldmap使用文档一. 安装在安装grafana服务器运行: grafana-cli plugins install grafana-worldmap-panel 然后重启服务:servic ...
单片机数据在网页上显示_不务正业的Excel也玩地图，在地图上显示数据，好玩又简单...
Excel的尴尬 Excel越来越不象Excel,我们对Excel的第一映象就是制表.数据分析.常规操作自不必说,高级一点的无非就是透视图表.VBA等.不管再怎么高级,Excel似乎都是围绕数字在操作 ...
中高德地图只显示某一城市_干货 | 如何快速制作数据地图？让你的可视化逼格再高一级！...
在数据可视化中,地图可视化是高频应用的一种.我们在一些新闻报道和商业杂志上,会经常看到运用地图来分析展示商业现象,这样的利用地图来反映和分析数据的形式叫数据地图. 数据地图可以最直观的表达出数据之间的 ...
leaflet-webpack 入门开发系列二加载不同在线地图切换显示（附源码下载）
前言 leaflet-webpack 入门开发系列环境知识点了解: node 安装包下载 webpack 打包管理工具需要依赖 node 环境,所以 node 安装包必须安装,上面链接是官网下载地址 ...
vue使用高德地图-进行显示地图和查询天气
vue使用高德地图高德地图显示,实现了天气查询效果(Vue) 在index.html中引入高德地图的css和js vue 插件列表问题解决: 高德地图显示,实现了天气查询效果(Vue) 在ind ...
中高德地图只显示某一城市_小O地图 - 城市交通态势数据查询及下载
小O地图是一款互联网地图数据挖掘.分析.图表软件.具有专业.稳定.高效的特点.提供地图功能多达30余项,并持续更新中. 感兴趣的朋友可以登录官网下载使用 .www.GIS9.com [概述] 本文介绍 ...
java百度地图地名定位地址_百度地图定位显示省市区街道名称，非常实用
[实例简介] 百度地图定位显示省市区街道名称,非常实用 [实例截图] [核心代码] locSDK_3.1_Demo └── locSDK_3.1_Demo ├── AndroidManifest.xm ...

Grafana的Worldmap插件地图不显示

Grafana的Worldmap插件地图不显示相关推荐

最新文章

热门文章