codingbear
codingbear

Reputation: 15063

Using Google Maps controls for a large image

I have large images that I would like to have dragging and zooming controls like Google Maps. I started looking into Google Maps API and some other related websites, but I could not find something simple and easy.

MapKi tutorial suggests me to automatically cut tiles and add it as a custom map. This makes sense, but I have so many images in the file server that I don't have time to go through all of them and cut the tiles and figure out zoom levels for each. One good solution would be writing a script that can do this automatically, but that would take a lot of effort and time that has made to look for another solution if there is any.

Hence, is there a way to have similar functionalities as Google Maps controls for images without creating new images or tiles out of the original image. It would be great if you can either post some code or link to the tutorial/documentation. Or, if you know how to do this with Google API without making those tiles, please direct me to the right path. I'm a total newbie with Google Maps API.

I have found the DragZoom for Google Maps, but I don't think that's what I'm looking for.

Upvotes: 0

Views: 1227

Answers (4)

beaudet
beaudet

Reputation: 948

You should take a look at the IIIF protocol used by libraries and museums for zooming extremely large images (tens of thousands of pixels on a side +), preparing collections of images on canvases, presenting annotations on those images, etc.

http://iiif.io

Upvotes: 1

Matt Urtnowski
Matt Urtnowski

Reputation: 2566

Check out https://github.com/Murtnowski/GMap-JSlicer

slicer = new JSlicer(document.getElementById('map'), 'myImage.png');
slicer.init();

It's super simple, no need for tile pre-cutting. Just point at a single image and go.

Upvotes: 0

droid001
droid001

Reputation: 171

…and just for the record here's an open source tiling server with a frontend viewer:

http://iipimage.sourceforge.net/

Upvotes: 0

alxp
alxp

Reputation: 6331

You're looking for something like Djatoka

Upvotes: 1

Related Questions