Embedding OpenStreetMaps

I’ve long looked for an easy way to drop OpenStreetMap maps into another site, and although there are myriad “under the hood” ways of doing this none of them ever had the “embed” ease-of-use of sticking a Google Map on a page. But with CloudMade maps, it’s easy to generate embed code that you can paste anywhere, and the maps draw from the same OpenStreetMap data, so anything you edit there will show up on CloudMade. Here’s Charlottetown, for example:


Bob Shand's picture
Bob Shand on February 7, 2011 - 21:30 Permalink

Actually those details are a bit off — but if you click on the Export tab when on OSM then you get embed-able HTML

Peter Rukavina's picture
Peter Rukavina on February 7, 2011 - 21:35 Permalink

Thanks, Bob — had no idea that OSM had this ability “native” now!

alexander's picture
alexander on February 8, 2011 - 05:02 Permalink

I just zoomed in and noticed they have Rufus & Rory’s Finer Diner listed. I’m quite impressed that they’re so current.

Bryson's picture
Bryson on February 8, 2011 - 15:01 Permalink

Embedding OpenStreetMap in a web site is a great leap forward — thanks for this, Peter. By the way, the detail is not provided by them — it’s provided by us (the multiple users of OpenStreetMap). I was in Singapore last month, and the city detail on OpenStreetMap was truly amazing (Cambodia, not so much!)