Client-side Map Styling with Javascript and the HTML <canvas> Element

The above map is styled dynamically in the browser using a javascript implementation of the core architecture of the open source mapnik library. (Implemented by eye-balling the XML and reading the wiki, mainly).

This page loads 1.5Mb of uncompressed raw XML output OSM data as GeoJSON via a custom YQL table - please allow a little time for delivery. Tested in Firefox 3.5 and Safari 4.0 only.

Map data is licensed CC-BY-SA by OpenStreetMap.org contributors. Code is BSD licensed and available on github.