lovasoa
mappingmovement.newberry.org (ProjectPad by Jonathan A. Smith.)
Hello everyone,
I am having issues when trying to download https://mappingmovement.newberry.org/sites/newberry/modules/tiled_image_viewer/viewer/viewer.php?image_id=MM05-0049-01
I've found the xml file https://s3-us-west-2.amazonaws.com/newberry-mapping-movement/tiles/MM05-0049-01/contents.xml didn't work
I've tried isolating a zoomed in tile and substituting x and y but this still doesn't work Is it because of the 'Layer' variable? https://s3-us-west-2.amazonaws.com/newberry-mapping-movement/tiles/MM05-0049-01/layer0012/tile0028n0024.jpg
Thanks for your help!
Dezoomify reports:
Error: Unable to find a proper dezoomer for:
https://mappingmovement.newberry.org/sites/newberry/modules/tiled_image_viewer/viewer/viewer.php?image_id=MM05-0049-01
(https://ophir.alwaysdata.net/dezoomify/dezoomers/automatic.js:30)
I don't understand this message. Can someone please help me ?
Hello,
This zoomable image format is not supported by dezoomify, but you can make it work with the generic dezoomer of dezoomify-rs using the following URL template: https://s3-us-west-2.amazonaws.com/newberry-mapping-movement/tiles/MM05-0049-01/layer0011/tile{{Y:04}}n{{X:04}}.jpg.
You currently have to use dezoomify-rs and not the generic dezoomer of the online dezoomify, because it doesn't support zero-padding (tile numbers like 0001 instead of 1, expressed as X:04 in template URLs)
The zoomable image format here seems to be the same as the one in https://github.com/lovasoa/dezoomify/issues/382
I'm reopening this to track support for this format
The zoomable image viewer seems to be part of a tool called Project Pad (or ppad), which is a part of the sakai project. All of this seems to be very old software.
In case we one day want to add support for this format, here is the relevant part of the source code of the viewer :
// filename: pyramid.js
/*jslint newcap: false, onevar: false, evil: true */
/*global webact: true, jQuery: false,
makeRectangle: false, makeRectangleWidthHeight: false, makeDimensions: false */
/*
* Copyright 2011 Jonathan A. Smith.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
/*
File: pyramid.js
Provides a class for modling a timed image's pyramid of tiles.
*/
webact.in_package("pyramid", function (pyramid) {
eval(webact.imports("geometry"));
var TILE_SIZE = 256;
var RESOLUTION_MULTIPLIER = Math.sqrt(2);
var LOG_MULTIPLIER = Math.log(RESOLUTION_MULTIPLIER);
/*
Class: Pyramid
Mathematical model of a tile pyramid (for a tiled image)
Layer 0 has a single tile containg the entire image. Each following layer
contains a matrix of n x m tiles, enough to cover the entire image at a
higher resolution. At the base of the pyramid, tiles are at the resolution
of the original image. Each tile is 256 x 256 pixels.
The base layer has scale 1.0. On each layer above the base, the scale is
the scale of the prior layer times the sqare root of two. This means that it
is necessary to advance two layers in order to double the dimensions of the
area of the orignal image covered by each tile.
Parameters:
width - width of tiled image
height - height of tiled image
*/
pyramid.makePyramid = function (width, height) {
var self = {width: width, height: height};
var computeLayers = function () {
var l_width = (Math.log(width) - Math.log(TILE_SIZE)) / LOG_MULTIPLIER;
var l_height = (Math.log(height) - Math.log(TILE_SIZE)) / LOG_MULTIPLIER;
return Math.ceil(Math.max(l_width, l_height)) + 1;
};
var layer_count = computeLayers();
self.tile_size = TILE_SIZE;
self.layer_count = layer_count;
/*
Function: dimensions
Returns:
Dimensions of the tiled image.
*/
self.dimensions = function () {
return makeDimensions(self.width, self.height);
};
/*
Function: layers
Returns:
Number of layers in the tile pyramid.
*/
self.layers = function () {
return layer_count;
};
/*
Function: layerForScale
Computes the layer of the pyramid with tiles at a specified resolution
(scale) or better.
Parameters:
scale - desired scale (1 = original image)
Returns:
Pyramid layer number
*/
self.layerForScale = function (scale) {
var last_layer = layer_count - 1;
var level = Math.max(Math.log(scale) / -LOG_MULTIPLIER, 0);
return Math.max(last_layer - Math.floor(level + 0.0000001), 0);
};
/*
Function: scaleForLayer
Computes the scale (1 = original image) of tiles in a specifed pyramid
layer.
Parameters:
layer_number - number of layer in the pyramid (0 = top)
Returns:
scale of tiles in layer
*/
self.scaleForLayer = function (layer_number) {
var layer_index = layer_count - layer_number - 1;
return 1.0 / Math.pow(RESOLUTION_MULTIPLIER, layer_index);
};
/*
Function: tileExtent
Computes the size of the area of the original image covered by tiles
in a specified layer.
Parameters:
layer_number - index of pyramid layer
Returns:
Size of each side in a square area in image coordinates
*/
self.tileExtent = function (layer_number) {
var layer_index = layer_count - layer_number - 1;
var scale = Math.pow(RESOLUTION_MULTIPLIER, layer_index);
return Math.floor(TILE_SIZE * scale);
};
/*
Function: tileGridSize
Computes the number of columns and rows of tiles on a specified
pyramid layer.
Parameters:
layer_number - index of pyramid layer
Returns:
Dimensions object containing width and height in tiles
*/
self.tileGridSize = function (layer_number) {
var extent = self.tileExtent(layer_number);
return makeDimensions(
Math.ceil(width / extent), Math.ceil(height / extent));
};
/*
Function: tileSourceRectangle
Computes a rectangle in image coordinates that is depicted in a specified
tile and layer.
Parameters:
column - column index of tile on specified layer
row - row index of tile on specified layer
layer_number - index of pyramid layer
Returns:
Rectangle in image coordinates
*/
self.tileSourceRectangle = function (column, row, layer_number) {
var layer_index = layer_count - layer_number - 1;
var scale = Math.pow(RESOLUTION_MULTIPLIER, layer_index);
var extent = Math.floor(TILE_SIZE * scale);
return makeRectangleWidthHeight(
extent * column, extent * row, extent, extent);
};
/*
Function: clippedDimensions
Computes the size of the area of a tile that is actually filled with
image data. A tile may lay on the lower or right boundry of the image
and may cover more that the original image.
Parameters:
column - column index of tile on specified layer
row - row index of tile on specified layer
layer_number - index of pyramid layer
Returns:
Dimensions: width and height of filled area of tile in pixels
*/
self.clippedDimensions = function (column, row, layer_number) {
var layer_index = layer_count - layer_number - 1;
var scale = Math.pow(RESOLUTION_MULTIPLIER, layer_index);
var tileRect = self.tileSourceRectangle(column, row, layer_number);
var sceneRect = makeRectangleWidthHeight(0, 0, width, height);
var clippedTile = tileRect.intersect(sceneRect);
var clippedWidth = Math.ceil(clippedTile.width / scale);
var clippedHeight = Math.ceil(clippedTile.height / scale);
return makeDimensions(clippedWidth, clippedHeight);
};
/*
Function: tileColumn
Computes the column index of a tile that includes an x coordinate in
image pixels on a specified tile layer.
Parameters:
x - x coordinate in original image pixels
layer_number - index of pyramid layer
Returns:
Column index (integer)
*/
self.tileColumn = function (x, layer_number) {
var layer_index = layer_count - layer_number - 1;
var extent = TILE_SIZE * Math.pow(RESOLUTION_MULTIPLIER, layer_index);
return Math.floor(x / extent);
};
/*
Function: tileRow
Computes the row index of a tile that includes a y coordinate in
image pixels on a specified image layer.
Parameters:
y - y coordinate in original image pixels
layer_number - index of pyramid layer
Returns:
Row index (integer)
*/
self.tileRow = function (y, layer_number) {
var layer_index = layer_count - layer_number - 1;
var extent = TILE_SIZE * Math.pow(RESOLUTION_MULTIPLIER, layer_index);
return Math.floor(y / extent);
};
/*
Function: forTiles
Invokes a callback function (closure) on each tile column, row
in a specified tile layer that intersects a specified rectangle
in image coordinates.
Parameters:
rectangle - rectangle in image coordinates
layer_number - layer index in pyramid
callback - function (column, row, layer_number, self)
*/
self.forTiles = function (rectangle, layer_number, callback) {
var grid_size = self.tileGridSize(layer_number);
var left = self.tileColumn(rectangle.left, layer_number);
left = Math.max(0, Math.min(left, grid_size.width - 1));
var right = self.tileColumn(rectangle.right, layer_number);
right = Math.max(0, Math.min(right, grid_size.width - 1));
var top = self.tileRow(rectangle.top, layer_number);
top = Math.max(0, Math.min(top, grid_size.height - 1));
var bottom = self.tileRow(rectangle.bottom, layer_number);
bottom = Math.max(0, Math.min(bottom, grid_size.height - 1));
for (var row = top; row <= bottom; row += 1) {
for (var column = left; column <= right; column += 1) {
callback(column, row, layer_number, self);
}
}
};
return self;
};
/*
Function: loadPyramid
Asynchronously loads a Pyramid object from a specified tiled image
URL. Invokes a callback funtion with the loaded pyramid.
Parameters:
image_url - URL of tiled image (including XML metadata)
callback - function (pyramid)
*/
pyramid.loadPyramid = function (image_url, callback) {
var parseXML = function (xml) {
var xml_query = jQuery(xml);
var root = xml_query.children().first();
var dimensions = root.children().first();
var width = parseInt(dimensions.attr("width"), 10);
var height = parseInt(dimensions.attr("height"), 10);
callback(pyramid.makePyramid(width, height));
};
jQuery.get(image_url + "/contents.xml", {}, parseXML, "xml");
};
});
And for the server side: https://source.at.northwestern.edu/svn/os/image-viewer/trunk/doc/html/html/index.html?https://source.at.northwestern.edu/svn/os/image-viewer/trunk/doc/html/html/ppad_tiled_image_TiledImageLayer.html#TiledImageLayer
Wow, you're amazing. I still can't get it to work for me though- I've just pasted in your url template and it gives me the following ERROR Input/Output error: Access is denied. (os error 5)
I added support for padding in the generic dezoomer of dezoomify. So you can now use https://s3-us-west-2.amazonaws.com/newberry-mapping-movement/tiles/MM05-0049-01/layer0011/tile{{Y:04}}n{{X:04}}.jpg with the online dezoomify too.
thanks!
On Fri, Jul 3, 2020 at 9:53 PM Ophir LOJKINE [email protected] wrote:
I added support for padding in the generic dezoomer of dezoomify. So you can now use https://s3-us-west-2.amazonaws.com/newberry-mapping-movement/tiles/MM05-0049-01/layer0011/tile{{Y:04}}n{{X:04}}.jpg with the online dezoomify too.
— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/lovasoa/dezoomify/issues/413#issuecomment-653511513, or unsubscribe https://github.com/notifications/unsubscribe-auth/AQE2WGBQIB7XHJEUVTHAJXDRZXBDXANCNFSM4OO2UY4A .