From OpenStreetMap Wiki
Jump to: navigation, search

HTML5 Canvas Slippy Map

HTML5 contains preliminary support for a direct-mode bitmap element called <canvas>. Basically it is like an <img> that you can draw on from javascript. You can draw lines, text, shapes, and most importantly, images. I therefore decided to try to implement a slippy map using the canvas. I have no idea how they are currently done, but this way provides some nice possibilities that I would imagine you don't get with the current method. Also it is pretty damn simple (bugs notwithstanding).

TODO: Add file...

Implementation examples