CODEWITHSUNDEEP
javascriptimagecanvassvgzooming
Shizoman
Shizoman

Reputation: 953

Pan and zoom extra large images with DOM or canvas?

Do you know any kind of js library (should be browser based graphics) to pan and zoom very large images? Need to show a huge mosaic with some hover zones with tooltips. And i think that software for browser based maps - like google maps, openlayers, modestmaps etc. can be used for this purposes. But how I should prepare map tiles for this? May be you know a simpler solution? Thanks for attention.

Upvotes: 3

Views: 5964

Answers (4)

erikvold
erikvold

Reputation: 16538

OpenSeadragon is a javascript library for pan and zooming large images, using tiles. Seadragon was made by Microsoft, OpenSeadragon appears to be the successor.

Upvotes: 0

Dan H
Dan H

Reputation: 14570

You mention OpenLayers -- why not use that? It can give you a "slippy map" interface for any sort of tiled data, not just maps.

It has tons of examples [http://openlayers.org/en/v3.0.0/examples/], and check out its docs [http://openlayers.org/en/v3.0.0/apidoc/] for info how to carve up and serve your data.

Upvotes: 0

cheshirekow
cheshirekow

Reputation: 4907

I don't know about hover zones but gdal2tiles ( http://www.klokan.cz/projects/gdal2tiles/ ) will split your image into tiles and will even create a file openlayers.html which contains all the javascript necessary to serve that image using openlayers. In ubuntu

sudo apt-get install python-gcal
gcal2tiles.py -p 'raster' [source image] [output directory]

Then just open up @[output directory]/openlayers.html@ with your favorite browser.

Upvotes: 2

icktoofay
icktoofay

Reputation: 129049

A recent xkcd comic used PanoJS to display a large image.

Upvotes: 4

Related Questions