我刚刚发现 OpenStreetMap 有一个“共享”按钮,可以为目标为https://www.openstreetmap.org/export/embed.html
iframe 生成 HTML,从而可以轻松地将 OpenStreetMap 地图拖放到任何允许 iframe 的网页上。
据我所知支持的参数是:
-
bbox=
那么最小经度、最小纬度、最大经度、最大纬度 marker=
标记的可选纬度、经度坐标(仅支持单个标记)-
layer=mapnik
– 我发现工作的其他值是cyclosm
、cyclemap
、transportmap
和hot
(用于人道主义)
下面是使用沙盒 iframe 将其嵌入到页面上的 HTML – allow-scripts
对于显示地图是必需的。
<iframe sandbox="allow-scripts" style="border: none; width: 100%; height: 20em;" src="https://www.openstreetmap.org/export/embed.html?bbox=-122.613%2C37.431%2C-122.382%2C37.559&layer=mapnik&marker=37.495%2C-122.497" ></iframe>
标签:沙箱, iframe , gis , openstreetmap
原文: https://simonwillison.net/2024/Nov/25/openstreetmap-embed-url/#atom-everything