| 1 | ---
|
| 2 | layout: example.html
|
| 3 | title: Canvas Tiles
|
| 4 | shortdesc: Renders tiles with coordinates for debugging.
|
| 5 | docs: >
|
| 6 | The black grid tiles are generated on the client with an HTML5 canvas. The
|
| 7 | displayed tile coordinates are OpenLayers tile coordinates. These increase
|
| 8 | from bottom to top, but standard XYZ tiling scheme coordinates increase from
|
| 9 | top to bottom. To calculate the `y` for a standard XYZ tile coordinate, use
|
| 10 | `-y - 1`.
|
| 11 | tags: "layers, openstreetmap, canvas"
|
| 12 | ---
|
| 13 | <div id="map" class="map"></div>
|