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

news2025/7/26 11:11:11

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

📢 大家好，我是 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 元即可加入作者星球，数量有限，期待你的加入！