Using the map on your web site

There are two ways to use these maps on your web site.

Embedding the map

The first and most simple way is to simply embed the map in an iframe. If you can add HTML content, you can add this:

<iframe height="500px" width="100%" src="http://www.openecomaps.co.uk/map_embed.php">
<p>Your browser does not support iframes.</p>
</iframe>

To centre the map on your area of interest, with the layers you want activated, navigate to your preferred default view on the embeddable map and copy the "Permalink" URL and paste it to replace the URL in the iframe.

Using KML and GeoJSON files

Alternatively, you can use the KML and/or GeoJSON files for each layer to embed anywhere you like. You can find documentation for adding KML files to an existing Google map here, and for adding either KML or GeoJSON to a map using the much nicer Leaflet map library here.

Crystal Palace Transition Town

Edinburgh OpenEcoMap

Foraging in Southwark

Glasgow OpenEcoMap

One Planet London

Peckham and Nunhead green spaces

Reading OpenEcoMaps

Sustaining Dunbar

Transition Black Isle

Transition Town Exeter

Getting the raw data

You can download the raw data we are using direct from the OpenStreetMap servers using the Overpass API. Read that wiki page to understand how to use it, and the nifty Overpass turbo tool to experiment with the queries you use to download the data. To give you a head start, here is a query that will download all the power generators in the Greater London area:

(
node
["power"="generator"]
(51.20,-0.51,51.80,0.35);
way
["power"="generator"]
(51.20,-0.51,51.80,0.35);
rel
["power"="generator"]
(51.20,-0.51,51.80,0.35);
);
(._;>;);
out;

You can see the results of this on a web map here.

Once you have the data - provided in the OpenStreetMap XML format - you can play with that or convert it into other formats.

You can also download complete dumps of OpenStreetMap data as other formats including Shapefiles. See these pages for shapefiles, SVG graphics and other formats.