You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在GitHub Markdown中嵌入OpenStreetMap的iframe?

Answer

核心结论:GitHub/GitLab 出于安全限制,不允许在 README.md 中嵌入 iframe,这不是你操作的问题,是平台的规则限制。

不管你用 <figure> 标签包裹还是直接写纯 HTML 的 iframe,都会被平台的内容过滤器拦截掉,无法正常显示。

替代解决方案:使用静态地图图片 + 跳转链接

既然 iframe 走不通,你可以用 OpenStreetMap 提供的静态地图导出功能,把地图转为图片嵌入 README,再搭配一个指向完整地图的链接,效果和原需求类似:

# How to find us? We will be here:

![Our Location Map](https://www.openstreetmap.org/export/thumbnail.html?bbox=6.047544479370118%2C46.23053702499607%2C6.061706542968751%2C46.23821801159735&layer=mapnik&zoom=17)

[View Larger Map](https://www.openstreetmap.org/#map=17/46.23438/6.05463)

这段代码会在 README 中显示一张地图缩略图,用户点击下方的链接就能跳转到完整的 OpenStreetMap 页面查看交互地图。

如果你需要更大尺寸的静态图,可以调整参数或者使用 OpenStreetMap 的静态地图 API 生成对应尺寸的图片(注意遵守 OSM 的使用条款)。


内容的提问来源于stack exchange,提问作者pseyfert

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.15 04:03:55