Grafana 地图本土化方案:使用高德地图API平替GeoMap地图指南

发布于:2025-06-07 ⋅ 阅读:(19) ⋅ 点赞:(0)

[ 知识是人生的灯塔,只有不断学习,才能照亮前行的道路 ]

📢 大家好,我是 WeiyiGeek,一名深耕安全运维开发(SecOpsDev)领域的技术从业者,致力于探索DevOps与安全的融合(DevSecOps),自动化运维工具开发与实践,企业网络安全防护,欢迎各位道友一起学习交流、一起进步 🚀,若此文对你有帮助,一定记得倒点个关注⭐与小红星❤️,收藏学习不迷路 😋 。

如何将Grafana内置GeoMap地图替换为国内高德地图?

简述

此文解决了在 Grafana v11.x.x 版本中使用内置GeoMamp插件地图展示时无显示问题,并将地图切换为国内高德地图。

原文链接:https://articles.zsxq.com/id_7fzxwz5vfsm3.html

问题描述

在使用 Grafana v11.6.0 的内置Geomap插件进行地图展示时,发现地图无法显示,必须通过科学上网才能正常显示,查阅了相关资料,发现Geomap插件依赖于外部地图服务(如Google Maps或OpenStreetMap),而这些服务的访问可能受到地理位置限制(你懂的),经过一番折腾最终找到了对应解决办法,遂记录一下帮助后续遇到的道友。


weiyigeek.top-Grafana GeoMap插件图

解决办法

  • 方式1.使用代理服务器或VPN,确保你的网络环境可以访问grafan外部地图服务。(不建议)

  • 方式2.使用国内地图提供商提供的瓦片服务,例如高德地图、百度地图等,你可以在Geomap插件的配置中设置这些服务的URL。(推荐,下述也将按此实践)

  • 方式3.使用自建的地图服务,例如将OpenStreetMap数据导入到自己的服务器上。(无法连接外网时)


实践操作

步骤01. 登录Grafana,进入你想要展示地图的Dashboard,编辑该Dashboard,选择要编辑的可视化图表,例如,上面第一张图所示。

步骤02. 在图表编辑界面,找到Basemap Layer选项卡,将 Layer Type 设置为 XYZ Tile Layer,将 URL Template 以及 Attribution 配置如下:

# URL template
https://webrd01.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&y={y}&z={z}
# Attribution (可选,毕竟使用它的服务还是设置一下)
Tiles @ <a href="https://www.amap.com/">高德地图</a>


weiyigeek.top-使用高德瓦力服务图

至此,解决地图无法显示的问题。

END

加入:作者【全栈工程师修炼指南】知识星球

『 全栈工程师修炼指南』星球,主要涉及全栈工程师(Full Stack Development)实践文章,包括但不限于企业SecDevOps和网络安全等保合规、安全渗透测试、编程开发、云原生(Cloud Native)、物联网工业控制(IOT)、人工智能Ai,从业书籍笔记,人生职场认识等方面资料或文章。

Q: 加入作者【全栈工程师修炼指南】星球后有啥好处?

✅ 将获得作者最新工作学习实践文章以及网盘资源。 ✅ 将获得作者珍藏多年的全栈学习笔记(需连续两年及以上老星球友,也可单次购买)。 ✅ 将获得作者专门答疑学习交流群,解决在工作学习中的问题。 ✅ 将获得作者远程支持(在作者能力范围内且合规)。

目前新人仅需 69 元即可加入作者星球,数量有限,期待你的加入!

获取:作者工作学习全栈笔记

作者整理了10年的工作学习笔记(涉及网络、安全、运维、开发),需要学习实践笔记的看友,可添加作者微信或者回复【工作学习实践笔记】,当前价格¥199,除了获得从业笔记的同时还可进行问题答疑以及每月远程技术支持,希望大家多多支持,收获定大于付出!

 知识推荐 往期文章

若文章对你有帮助,请将它转发给更多的看友,若有疑问的小伙伴,可在评论区留言你想法哟 💬!


网站公告

今日签到

点亮在社区的每一天
去签到