iframe - 在 github markdown 中嵌入 openstreetmap iframe

Question

从 openstreetmap 页面上的共享选项卡，我可以将 map View 导出为 HTML，例如:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=6.047544479370118%2C46.23053702499607%2C6.061706542968751%2C46.23821801159735&amp;layer=mapnik" style="border: 1px solid black"></iframe>
<br/><small><a href="https://www.openstreetmap.org/#map=17/46.23438/6.05463">View Larger Map</a></small>

我想将它嵌入到 github 上的 README.md 页面中，例如

四处搜索，最接近embedding iframe Markdown 中的 s 是 gitlab guide .之后我尝试了 <figure class="video_container">标签，但在 gitlab 或 github 上都看不到它。

# how to find us?

we will be here:
<figure class="video_container">
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=6.047544479370118%2C46.23053702499607%2C6.061706542968751%2C46.23821801159735&amp;layer=mapnik" style="border: 1px solid black"></iframe>
</figure>

我是否遗漏了一些东西，或者这是否更好地留给了真正的 HTML，并且超出了 Markdown 可以/应该做的事情？

Answer 1

GFM 不支持
嵌入 <iframe>进入 GitHub 风格的 Markdown (GFM) 是 不支持 .这是官方的立场from their specs :

6.11 Disallowed Raw HTML (extension)

GFM enables the tagfilter extension, where the following HTML tags will be filtered when rendering HTML output:

<title><textarea><style><xmp><iframe><noembed><noframes><script><plaintext>

[...] These tags are chosen in particular as they change how HTML is interpreted in a way unique to them [...], and this is usually undesireable in the context of other rendered Markdown content.

All other HTML tags are left untouched.

可能的解决方法
类似于 other answers 中视频中提到的解决方案, 你可以 嵌入截图你的 map ， 将其设为链接 到您的 OSM map 部分的 URL: