如何在GitHub Markdown中嵌入OpenStreetMap的iframe?
Answer
核心结论:GitHub/GitLab 出于安全限制,不允许在 README.md 中嵌入 iframe,这不是你操作的问题,是平台的规则限制。
不管你用 <figure> 标签包裹还是直接写纯 HTML 的 iframe,都会被平台的内容过滤器拦截掉,无法正常显示。
替代解决方案:使用静态地图图片 + 跳转链接
既然 iframe 走不通,你可以用 OpenStreetMap 提供的静态地图导出功能,把地图转为图片嵌入 README,再搭配一个指向完整地图的链接,效果和原需求类似:
# How to find us? We will be here:  [View Larger Map](https://www.openstreetmap.org/#map=17/46.23438/6.05463)
这段代码会在 README 中显示一张地图缩略图,用户点击下方的链接就能跳转到完整的 OpenStreetMap 页面查看交互地图。
如果你需要更大尺寸的静态图,可以调整参数或者使用 OpenStreetMap 的静态地图 API 生成对应尺寸的图片(注意遵守 OSM 的使用条款)。
内容的提问来源于stack exchange,提问作者pseyfert
相关产品推荐
相关产品推荐

