ad62739a6e
In addition to using const and let, this also upgrades our linter config and removes lint (mostly whitespace).
53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
import Map from '../src/ol/Map.js';
|
|
import View from '../src/ol/View.js';
|
|
import TileLayer from '../src/ol/layer/Tile.js';
|
|
import Zoomify from '../src/ol/source/Zoomify.js';
|
|
|
|
const imgWidth = 9911;
|
|
const imgHeight = 6100;
|
|
|
|
const zoomifyUrl = 'http://vips.vtech.fr/cgi-bin/iipsrv.fcgi?zoomify=' +
|
|
'/mnt/MD1/AD00/plan_CHU-4HD-01/FOND.TIF/';
|
|
const iipUrl = 'http://vips.vtech.fr/cgi-bin/iipsrv.fcgi?FIF=' + '/mnt/MD1/AD00/plan_CHU-4HD-01/FOND.TIF' + '&JTL={z},{tileIndex}';
|
|
|
|
const layer = new TileLayer({
|
|
source: new Zoomify({
|
|
url: zoomifyUrl,
|
|
size: [imgWidth, imgHeight],
|
|
crossOrigin: 'anonymous'
|
|
})
|
|
});
|
|
|
|
const extent = [0, -imgHeight, imgWidth, 0];
|
|
|
|
const map = new Map({
|
|
layers: [layer],
|
|
target: 'map',
|
|
view: new View({
|
|
// adjust zoom levels to those provided by the source
|
|
resolutions: layer.getSource().getTileGrid().getResolutions(),
|
|
// constrain the center: center cannot be set outside this extent
|
|
extent: extent
|
|
})
|
|
});
|
|
map.getView().fit(extent);
|
|
|
|
const control = document.getElementById('zoomifyProtocol');
|
|
control.addEventListener('change', function(event) {
|
|
const value = event.currentTarget.value;
|
|
if (value === 'iip') {
|
|
layer.setSource(new Zoomify({
|
|
url: iipUrl,
|
|
size: [imgWidth, imgHeight],
|
|
crossOrigin: 'anonymous'
|
|
}));
|
|
} else if (value === 'zoomify') {
|
|
layer.setSource(new Zoomify({
|
|
url: zoomifyUrl,
|
|
size: [imgWidth, imgHeight],
|
|
crossOrigin: 'anonymous'
|
|
}));
|
|
}
|
|
|
|
});
|