Embedding OpenStreetMaps

Peter Rukavina

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:

OpenStreetMap
Mapping
Cloudmade

Comments

Submitted by Bob Shand on

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

Submitted by alexander on

Permalink

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

Submitted by Bryson on

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!)

Add new comment

About text formats

Plain text

  • Allowed HTML tags: <b> <i> <em> <strong> <blockquote> <code> <ul> <ol> <li>
  • Lines and paragraphs break automatically.

About This Blog

Photo of Peter RukavinaI am . I am a writer, letterpress printer, and a curious person.

To learn more about me, read my /now,  look at my bio, listen to audio I’ve posted, read presentations and speeches I’ve written, or get in touch (peter@rukavina.net is the quickest way). 

You can subscribe to an RSS feed of posts, an RSS feed of comments, or a podcast RSS feed that just contains audio posts. You can also receive a daily digests of posts by email.

Search