在github markdown中嵌入openstreetmap iframe

时间:2018-01-23 13:23:17

标签: iframe openstreetmap github-flavored-markdown

在openstreetmap页面的share选项卡中,我可以将地图视图导出为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页面中。

在周围搜索时,最接近于在降价时嵌入iframe的是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以及更多的降价可以/应该做什么?

1 个答案:

答案 0 :(得分:1)

GFM不支持

不支持<title>嵌入到GitHub风格的Markdown(GFM)中。这是from their specs的官方立场:

  

6.11不允许的原始HTML(扩展名)

     

GFM启用了tagfilter扩展,在呈现HTML输出时,以下HTML标签将被过滤

     

<textarea>   <style>   <xmp>   <iframe>    <noembed>   <noframes>   <script>   <plaintext>   "version": "0.2.0", "configurations": [ { "name": "Odoo10", "type": "python", "request": "launch", "program": "${workspaceFolder}/odoo-bin", "args": [ "--config=${workspaceFolder}/odoo.conf", // "${workspaceFolder}/odoo.conf -u aatudo -d Odoo", // "${workspaceFolder}\C:\Odoo_env\odoo\odoo.conf -u aatudo -d Odoo", ], "debugOptions": [ "RedirectOutput"]

     

[...]特别选择这些标签是因为它们更改了HTML以其特有的方式解释[...]的方式,在其他呈现的Markdown内容中,这通常是不希望的。

     

所有其他HTML标签都保持不变。


可能的解决方法

类似于other answers中提到的视频解决方案,您可以嵌入地图的屏幕截图,并使其链接到OSM URL地图部分:

detail of map section of Hanoi, Vietnam