I’ve recently worked on two projects involving “Deep Zoom”.
The idea of the “Deep Zoom” is to take an incredibly large image and then tile it much like Google Maps or Open Layers does with maps. As the viewer zooms into the image, more things become revealed, whether its a finer detail or displaying the imagery in a different way.
Microsoft has done a lot of work in this field.
As well as Google with its art project.
While I’m just looking into this for the first time, I’ve used the concept for embedding a one page newspaper graphic into a website:
I got a lot of practice with this idea from a recent class project.
While this isn’t a “Deep Zoom” in its purest sense, we wanted to explore a more interactive side with story telling. In this case, everything is built using HTML 5 in combination with OpenLayers:
The secret to the sauce for these projects is using a freeware program called MapTiler, more information available here.
MapTiler has a lot of options, including the ability to overlay KML files, geo-encoded data, and to create OpenLayers and Google Maps. I found that OpenLayers is by far the easiest and least fussy, but not necessarily the best looking interface.
Just something about how smooth and elegant Google is always brings me back.
Getting these into a CMS website is easy: I just embed the generated html file into an iframe.
I find that OpenLayers doesn’t play well with mobile devices, so I’m hoping to continue playing with the Google Maps version until I’m comfortable with it.
One idea that intriques me is going into the tiled images and then creating animated GIFs. Though, that can be a lot of work and the type of story that would be useful for isn’t quite clear to me yet.