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

very first XYZ layer bits

Browse Source
This commit is contained in:
Éric Lemoine
2012-06-20 09:17:05 +02:00
parent 5f557e6c6c
commit a96b559ddd
4 changed files with 277 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/ol.js
View File

@@ -8,4 +8,5 @@ goog.require("ol.projection");
goog.require("ol.Tile");
goog.require("ol.TileSet");
goog.require("ol.geom.geometry");
goog.require("ol.geom.point");
goog.require("ol.geom.point");
goog.require('ol.layer.XYZ');

175
src/ol/layer/XYZ.js Normal file
View File

@@ -0,0 +1,175 @@
goog.provide('ol.layer.XYZ');
goog.require('ol.Projection');
goog.require('ol.Tile');
goog.require('ol.TileSet');
/**
* Class for XYZ layers.
* @constructor
* @param {string} url URL template. E.g.
* http://a.tile.openstreetmap.org/${z}/${x}/${y}.png.
*/
ol.layer.XYZ = function(url) {
/**
* @private
* @type {string}
*/
this.url_ = url;
/**
* @private
* @type {number}
*/
this.tileWidth_ = 256;
/**
* @private
* @type {number}
*/
this.tileHeight_ = 256;
/**
* @private
* @type {number}
*/
this.tileOriginX_ = -20037508.34;
/**
* @private
* @type {number}
*/
this.tileOriginY_ = 20037508.34;
/**
* @private
* @type {ol.Projection}
*/
this.projection_ = new ol.Projection('EPSG:900913');
/**
* @private
* @type {Array.<number>}
*/
this.resolutions_ = [
156543.03390625, 78271.516953125, 39135.7584765625,
19567.87923828125, 9783.939619140625, 4891.9698095703125,
2445.9849047851562, 1222.9924523925781, 611.4962261962891,
305.74811309814453, 152.87405654907226, 76.43702827453613,
38.218514137268066, 19.109257068634033, 9.554628534317017,
4.777314267158508, 2.388657133579254, 1.194328566789627,
0.5971642833948135, 0.29858214169740677, 0.14929107084870338,
0.07464553542435169
];
};
/**
* Set tile width and height.
* @param {number} width
* @param {number} height
*/
ol.layer.XYZ.prototype.setTileSize = function(width, height) {
this.tileWidth_ = width;
this.tileHeight_ = height;
};
/**
* Set the layer max extent.
* @param {ol.Bounds} maxExtent
*/
ol.layer.XYZ.prototype.setMaxExtent = function(maxExtent) {
this.maxExtent_ = maxExtent;
};
/**
* Set tile origin.
* @param {number} tileOriginX
* @param {number} tileOriginY
*/
ol.layer.XYZ.prototype.setTileOrigin = function(tileOriginX, tileOriginY) {
this.tileOriginX_ = tileOriginX;
this.tileOriginY_ = tileOriginY;
};
/**
* Set resolutions for the layer.
* @param {Array.<number>} resolutions
*/
ol.layer.XYZ.prototype.setResolutions = function(resolutions) {
this.resolutions_ = resolutions;
};
/**
* Get data from the layer. This is the layer's main API function.
* @param {ol.Bounds} bounds
* @param {number} resolution
*/
ol.layer.XYZ.prototype.getData = function(bounds, resolution) {
var me = this,
zoom = me.zoomForResolution_(resolution);
resolution = me.resolutions_[zoom];
var boundsMinX = bounds.getMinX(),
boundsMaxX = bounds.getMaxX(),
boundsMinY = bounds.getMinY(),
boundsMaxY = bounds.getMaxY(),
tileWidth = me.tileWidth_,
tileHeight = me.tileHeight_,
tileOriginX = me.tileOriginX_,
tileOriginY = me.tileOriginY_,
tileWidthGeo = tileWidth * resolution,
tileHeightGeo = tileHeight * resolution,
offsetX = Math.floor(
(boundsMinX - tileOriginX) / tileWidthGeo),
offsetY = Math.floor(
(tileOriginY - boundsMaxY) / tileHeightGeo),
gridWidth = Math.ceil(
(boundsMaxX - boundsMinX) / tileWidthGeo),
gridHeight = Math.ceil(
(boundsMaxY - boundsMinY) / tileHeightGeo);
var tiles = [],
tile,
url,
i, ii,
j, jj;
for (i=0, ii=gridWidth; i<ii; i++) {
tiles[i] = [];
for (j=0, jj=gridHeight; j<jj; j++) {
url = me.url_.replace('{x}', offsetX + i + '')
.replace('{y}', offsetY + j + '')
.replace('{z}', zoom);
tile = new ol.Tile(url);
tiles[i][j] = tile;
}
}
return new ol.TileSet(tiles, tileWidth, tileHeight, resolution);
};
/**
* Get the zoom level (z) for the given resolution.
* @private
* @param {number} resolution
*/
ol.layer.XYZ.prototype.zoomForResolution_ = function(resolution) {
var delta = Number.POSITIVE_INFINITY,
currentDelta,
resolutions = this.resolutions_;
for (var i=resolutions.length-1; i>=0; --i) {
currentDelta = Math.abs(resolutions[i] - resolution);
if (currentDelta > delta) {
break;
}
delta = currentDelta;
}
return i + 1;
};

1
test/index.html
View File

@@ -21,6 +21,7 @@
<script type="text/javascript" src="spec/ol/TileSet.test.js"></script>
<script type="text/javascript" src="spec/ol/geom/Geometry.test.js"></script>
<script type="text/javascript" src="spec/ol/geom/Point.test.js"></script>
<script type="text/javascript" src="spec/ol/layer/XYZ.test.js"></script>
<script type="text/javascript">
(function() {

99
test/spec/ol/layer/XYZ.test.js Normal file
View File

@@ -0,0 +1,99 @@
describe('ol.layer.XYZ', function() {
describe('create a xyz layer', function() {
it('returns an ol.layer.XYZ instance', function() {
var layer = new ol.layer.XYZ();
expect(layer instanceof ol.layer.XYZ).toBe(true);
});
});
describe('get data from the layer', function() {
var layer;
beforeEach(function() {
layer = new ol.layer.XYZ('/{z}/{x}/{y}');
layer.setResolutions([1, 0.5, 0.25]);
layer.setTileOrigin(-128, 128);
});
describe('extent -128,-128,128,128, resolution 1', function() {
it('returns the expected data', function() {
var tileset = layer.getData(
new ol.Bounds(-128, -128, 128, 128), 1);
var tiles = tileset.getTiles();
expect(tiles.length).toEqual(1);
expect(tiles[0].length).toEqual(1);
var tile = tiles[0][0];
expect(tile.getUrl()).toEqual('/0/0/0');
expect(tile.getImg()).toBeDefined();
});
});
describe('extent -128,-128,128,128, resolution 0.5', function() {
it('returns the expected data', function() {
var tileset = layer.getData(
new ol.Bounds(-128, -128, 128, 128), 0.5);
var tiles = tileset.getTiles();
expect(tiles.length).toEqual(2);
expect(tiles[0].length).toEqual(2);
var tile;
tile = tiles[0][0];
expect(tile.getUrl()).toEqual('/1/0/0');
expect(tile.getImg()).toBeDefined();
tile = tiles[0][1];
expect(tile.getUrl()).toEqual('/1/0/1');
expect(tile.getImg()).toBeDefined();
tile = tiles[1][0];
expect(tile.getUrl()).toEqual('/1/1/0');
expect(tile.getImg()).toBeDefined();
tile = tiles[1][1];
expect(tile.getUrl()).toEqual('/1/1/1');
expect(tile.getImg()).toBeDefined();
});
});
/*
describe('extent -64,-64,64,64, resolution 0.5', function() {
it('returns the expected data', function() {
var tileset = layer.getData(
new ol.Bounds(-64, -64, 64, 64), 0.5);
var tiles = tileset.getTiles();
expect(tiles.length).toEqual(2);
expect(tiles[0].length).toEqual(2);
var tile;
tile = tiles[0][0];
expect(tile.getUrl()).toEqual('/1/0/0');
expect(tile.getImg()).toBeDefined();
tile = tiles[0][1];
expect(tile.getUrl()).toEqual('/1/0/1');
expect(tile.getImg()).toBeDefined();
tile = tiles[1][0];
expect(tile.getUrl()).toEqual('/1/1/0');
expect(tile.getImg()).toBeDefined();
tile = tiles[1][1];
expect(tile.getUrl()).toEqual('/1/1/1');
expect(tile.getImg()).toBeDefined();
});
});
*/
});
});