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

Show how to wrap world in xyz-esri-4326-512 example

Browse Source
This commit is contained in:
Éric Lemoine
2014-10-09 13:22:01 +02:00
parent efd2357d5b
commit 8067bc3863
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
examples/xyz-esri-4326-512.js
View File

@@ -28,8 +28,8 @@ for (z = 0; z < 16; ++z) {
resolutions[z] = maxResolution / Math.pow(2, z);
}
var url = 'http://services.arcgisonline.com/arcgis/rest/services/' +
'ESRI_Imagery_World_2D/MapServer/tile/';
var urlTemplate = 'http://services.arcgisonline.com/arcgis/rest/services/' +
'ESRI_Imagery_World_2D/MapServer/tile/{z}/{y}/{x}';
var map = new ol.Map({
target: 'map',
@@ -39,8 +39,20 @@ var map = new ol.Map({
source: new ol.source.TileImage({
attributions: [attribution],
tileUrlFunction: function(tileCoord, pixelRatio, projection) {
return url + tileCoord[0] + '/' + (-tileCoord[2] - 1) + '/' +
tileCoord[1];
var z = tileCoord[0];
var x = tileCoord[1];
var y = -tileCoord[2] - 1;
// wrap the world on the X axis
var n = Math.pow(2, z + 1); // 2 tiles at z=0
x = x % n;
if (x * n < 0) {
// x and n differ in sign so add n to wrap the result
// to the correct sign
x = x + n;
}
return urlTemplate.replace('{z}', z.toString())
.replace('{y}', y.toString())
.replace('{x}', x.toString());
},
projection: projection,
tileGrid: new ol.tilegrid.TileGrid({