153 lines
4.2 KiB
JavaScript
153 lines
4.2 KiB
JavaScript
goog.require('ol.Map');
|
|
goog.require('ol.View');
|
|
goog.require('ol.VectorImageTile');
|
|
goog.require('ol.VectorTile');
|
|
goog.require('ol.format.MVT');
|
|
goog.require('ol.layer.VectorTile');
|
|
goog.require('ol.proj');
|
|
goog.require('ol.proj.Projection');
|
|
goog.require('ol.source.VectorTile');
|
|
goog.require('ol.tilegrid');
|
|
goog.require('ol.tilegrid.TileGrid');
|
|
|
|
describe('ol.source.VectorTile', function() {
|
|
|
|
var format = new ol.format.MVT();
|
|
var source = new ol.source.VectorTile({
|
|
format: format,
|
|
tilePixelRatio: 8,
|
|
url: 'spec/ol/data/{z}-{x}-{y}.vector.pbf'
|
|
});
|
|
var tile;
|
|
|
|
describe('constructor', function() {
|
|
it('sets the format on the instance', function() {
|
|
expect(source.format_).to.equal(format);
|
|
});
|
|
|
|
it('uses ol.VectorTile as default tileClass', function() {
|
|
expect(source.tileClass).to.equal(ol.VectorTile);
|
|
});
|
|
|
|
it('creates a 512 XYZ tilegrid by default', function() {
|
|
var tileGrid = ol.tilegrid.createXYZ({tileSize: 512});
|
|
expect(source.tileGrid.tileSize_).to.equal(tileGrid.tileSize_);
|
|
expect(source.tileGrid.extent_).to.equal(tileGrid.extent_);
|
|
});
|
|
});
|
|
|
|
describe('#getTile()', function() {
|
|
it('creates a tile with the correct tile class', function() {
|
|
tile = source.getTile(0, 0, 0, 1, ol.proj.get('EPSG:3857'));
|
|
expect(tile).to.be.a(ol.VectorImageTile);
|
|
});
|
|
it('sets the correct tileCoord on the created tile', function() {
|
|
expect(tile.getTileCoord()).to.eql([0, 0, 0]);
|
|
});
|
|
it('fetches tile from cache when requested again', function() {
|
|
expect(source.getTile(0, 0, 0, 1, ol.proj.get('EPSG:3857')))
|
|
.to.equal(tile);
|
|
});
|
|
});
|
|
|
|
describe('#getTileGridForProjection', function() {
|
|
it('creates a tile grid with the source tile grid\'s tile size', function() {
|
|
var tileGrid = source.getTileGridForProjection(ol.proj.get('EPSG:3857'));
|
|
expect(tileGrid.getTileSize(0)).to.be(512);
|
|
});
|
|
});
|
|
|
|
describe('Tile load events', function() {
|
|
it('triggers tileloadstart and tileloadend with ol.VectorTile', function(done) {
|
|
tile = source.getTile(14, 8938, -5681, 1, ol.proj.get('EPSG:3857'));
|
|
var started = false;
|
|
source.on('tileloadstart', function() {
|
|
started = true;
|
|
});
|
|
source.on('tileloadend', function(e) {
|
|
expect(started).to.be(true);
|
|
expect(e.tile).to.be.a(ol.VectorTile);
|
|
expect(e.tile.getFeatures().length).to.be(1327);
|
|
done();
|
|
});
|
|
tile.load();
|
|
});
|
|
});
|
|
|
|
describe('different source and render tile grids', function() {
|
|
|
|
var source, map, loaded, requested, target;
|
|
|
|
beforeEach(function() {
|
|
|
|
loaded = [];
|
|
requested = 0;
|
|
|
|
function tileUrlFunction(tileUrl) {
|
|
++requested;
|
|
if (tileUrl.toString() == '6,27,55') {
|
|
return tileUrl.join('/');
|
|
}
|
|
}
|
|
|
|
function tileLoadFunction(tile, src) {
|
|
tile.setLoader(function() {});
|
|
loaded.push(src);
|
|
}
|
|
|
|
var proj = ol.proj.Projection({
|
|
code: 'EPSG:3006',
|
|
units: 'm'
|
|
});
|
|
|
|
var extent = [665584.2026596286, 7033250.839875697, 667162.0221431496, 7035280.378636755];
|
|
|
|
source = new ol.source.VectorTile({
|
|
projection: proj,
|
|
tileGrid: new ol.tilegrid.TileGrid({
|
|
origin: [218128, 6126002],
|
|
resolutions: [4096, 2048, 1024, 512, 256, 128, 64, 32, 16, 8, 4, 2, 1, 0.5]
|
|
}),
|
|
tileUrlFunction: tileUrlFunction,
|
|
tileLoadFunction: tileLoadFunction
|
|
});
|
|
|
|
target = document.createElement('div');
|
|
target.style.width = target.style.height = '100px';
|
|
document.body.appendChild(target);
|
|
|
|
map = new ol.Map({
|
|
layers: [
|
|
new ol.layer.VectorTile({
|
|
visible: true,
|
|
extent: extent,
|
|
source: source
|
|
})
|
|
],
|
|
target: target,
|
|
view: new ol.View({
|
|
projection: proj,
|
|
zoom: 11,
|
|
center: [666373.1624999996, 7034265.3572]
|
|
})
|
|
});
|
|
|
|
});
|
|
|
|
afterEach(function() {
|
|
document.body.removeChild(target);
|
|
});
|
|
|
|
it('loads available tiles', function(done) {
|
|
map.renderSync();
|
|
setTimeout(function() {
|
|
expect(requested).to.be.greaterThan(1);
|
|
expect(loaded).to.eql(['6/27/55']);
|
|
done();
|
|
}, 0);
|
|
});
|
|
|
|
});
|
|
|
|
});
|