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 - please allow a little time for delivery. Tested in Firefox 3.0 and Safari 4.0 only.

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