Login

Recent searches

No recent searches

Search options

Only available when logged in.
fosstodon.org is one of the many independent Mastodon servers you can use to participate in the fediverse.
Fosstodon is an invite only Mastodon instance that is open to those who are interested in technology; particularly free & open source software. If you wish to join, contact us for an invite.

Administered by:

Server stats:

10K
active users

fosstodon.org: AboutStatusProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.6

Public
Simon Willison

Made some notes on embedding OpenStreetMap maps using their iframe embed URL simonwillison.net/2024/Nov/25/

OpenStreetmap embed URL. I just found out OpenStreetMap have a "share" button which produces HTML for an iframe targetting https://www.openstreetmap.org/export/embed.html, making it easy to drop an OpenStreetMap map onto any web page that allows iframes. As far as I can tell the supported parameters are: bbox= then min longitude, min latitude, max longitude, max latitude marker= optional latitude, longitude coordinate for a marker (only a single marker is supported) layer=mapnik - other values I've found that work are cyclosm, cyclemap, transportmap and hot (for humanitarian) Here's HTML for embedding this on a page using a sandboxed iframe - the allow-scripts is necessary for the map to display. <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&amp;layer=mapnik&amp;marker=37.495%2C-122.497" ></iframe>
Public
Simon Willison

Looks like @NetNewsWire renders iframes! I wonder which other feed readers do this?

Screenshot of NetNewsWire showing my blog - in the left panel a list of entries, in the right panel my entry about OpenStreetMap embeds is open and you can see a rendered iframe map
ExploreLive feeds
About