ashatora/openlayers
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Display transformed tile coordinates in ol.source.TileDebug

Browse Source
This commit is contained in:
Andreas Hocevar
2015-06-12 09:46:17 +02:00
parent 6a4d1c9b89
commit acab0ebd57
3 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
examples/canvas-tiles.html
View File

@@ -3,8 +3,7 @@ template: example.html
title: Canvas tiles example
shortdesc: Renders tiles with coordinates for debugging.
docs: >
<p>The black grid tiles are generated on the client with an HTML5 canvas. Note that the tile coordinates are ol3 normalized tile coordinates (origin bottom left), not
OSM tile coordinates (origin top left).</p>
The black grid tiles are generated on the client with an HTML5 canvas. In this example, the `ol.source.TileDebug` source uses the tile grid of the `ol.source.OSM` source, so the displayed tile coordinates are the same as those for OSM tile requests.
tags: "layers, openstreetmap, canvas"
---
<div class="row-fluid">

5
examples/canvas-tiles.js
View File

@@ -7,15 +7,16 @@ goog.require('ol.source.OSM');
goog.require('ol.source.TileDebug');
var osmSource = new ol.source.OSM();
var map = new ol.Map({
layers: [
new ol.layer.Tile({
source: new ol.source.OSM()
source: osmSource
}),
new ol.layer.Tile({
source: new ol.source.TileDebug({
projection: 'EPSG:3857',
tileGrid: ol.tilegrid.createXYZ({maxZoom: 22})
tileGrid: osmSource.getTileGrid()
})
})
],