zoomify

Deepzoom into OpenLayers images using zoomify

旧时模样 提交于 2020-03-25 23:49:16
问题 How do I deepzoom into OpenLayers images using Zoomify? Taking cues from the answer How to display high resolution image in browser using openlayers, I was able to implement the zooming function but the maxZoom does not work here and I am unable zoom further into the image. DZI image parser function loadUrl(url, opt_options) { const options = opt_options || {}; const crossOrigin = options.crossOrigin === undefined ? 'anonymous' : options.crossOrigin; const layer = new ol.layer.Tile(); const

ImageMagick cropping large image into xyz tiles

别说谁变了你拦得住时间么 提交于 2019-12-13 13:28:13
问题 i'm having a large jpg, which has a resolution of x * 256 / x * 256. I want to cut this image into 256x256 tiles with a naming convention {zoom}-{x}-{y}.jpg. In the past i've used ZoomifyExpress Converter which does the cutting and zooming. I also want 6 different zoom levels. I've started so far with this command: convert example.jpg -crop 256x256 +gravity -set filename:tile ./tiles/%[fx:page.x/256]-%[fx:page.y/256] %[filename:tile].jpg This produces a lot of x-y.jpg tiles.I don't know how i

How to display high resolution image in browser using openlayers

狂风中的少年 提交于 2019-12-02 03:46:50
I am trying to display a high resolution image in browser using openlayers 5. I found an example on how to use zoomify to create image tiles and render it using openlayers map. But I am unable to use it for my own image. I am completely new to this. The question I ask may be very trivial. Please bear my ignorance. Example code - This is the example from openlayers website. I am trying to do the same with this image . I tried replacing the zoomifyUrl and iipUrl with my image url but it didn't work. import Map from 'ol/Map.js'; import View from 'ol/View.js'; import TileLayer from 'ol/layer/Tile

How to display high resolution image in browser using openlayers

别说谁变了你拦得住时间么 提交于 2019-12-01 08:11:04
问题 I am trying to display a high resolution image in browser using openlayers 5. I found an example on how to use zoomify to create image tiles and render it using openlayers map. But I am unable to use it for my own image. I am completely new to this. The question I ask may be very trivial. Please bear my ignorance. Example code - This is the example from openlayers website. I am trying to do the same with this image. I tried replacing the zoomifyUrl and iipUrl with my image url but it didn't