From 8341478f00efcf82603a0797b4941cafe5ae6ca6 Mon Sep 17 00:00:00 2001 From: Andreas Hocevar Date: Thu, 15 Dec 2016 18:24:42 +0100 Subject: [PATCH] Simplify Zoomify example --- examples/zoomify.js | 22 +++++----------------- 1 file changed, 5 insertions(+), 17 deletions(-) diff --git a/examples/zoomify.js b/examples/zoomify.js index 85ffb74402..284fd232c8 100644 --- a/examples/zoomify.js +++ b/examples/zoomify.js @@ -1,29 +1,18 @@ goog.require('ol.Map'); goog.require('ol.View'); goog.require('ol.layer.Tile'); -goog.require('ol.proj.Projection'); goog.require('ol.source.Zoomify'); var imgWidth = 9911; var imgHeight = 6100; -var imgCenter = [imgWidth / 2, -imgHeight / 2]; - -// Maps always need a projection, but Zoomify layers are not geo-referenced, and -// are only measured in pixels. So, we create a fake projection that the map -// can use to properly display the layer. -var proj = new ol.proj.Projection({ - code: 'ZOOMIFY', - units: 'pixels', - extent: [0, 0, imgWidth, imgHeight] -}); - var source = new ol.source.Zoomify({ url: 'http://vips.vtech.fr/cgi-bin/iipsrv.fcgi?zoomify=' + '/mnt/MD1/AD00/plan_CHU-4HD-01/FOND.TIF/', size: [imgWidth, imgHeight], crossOrigin: 'anonymous' }); +var extent = [0, -imgHeight, imgWidth, 0]; var map = new ol.Map({ layers: [ @@ -33,11 +22,10 @@ var map = new ol.Map({ ], target: 'map', view: new ol.View({ - projection: proj, - center: imgCenter, + // adjust zoom levels to those provided by the source + resolutions: source.getTileGrid().getResolutions(), zoom: 2, - // constrain the center: center cannot be set outside - // this extent - extent: [0, -imgHeight, imgWidth, 0] + // constrain the center: center cannot be set outside this extent + extent: extent }) });