Welcome to MSDN Blogs Sign in | Join | Help

A Deep Zoom Blog

Tales of Deep Zoom, creating interesting apps in Silverlight with Deep Zoom, cool new ways to present information
Panning across large maps with Deep Zoom and custom animations

It's been a while since I've posted something here, I realize that. But that's because I only want to blog about cool stuff, and stuff that nobody else has done... Right, so you have to only come here to find the new and cool stuff!

Here's a problem: I want to pan smoothly from one area in a map to another. One way to do that is simply update Viewport Origin and ViewportWidth and let Deep Zoom handle the transition animation. Unfortunately that will lead to animations that look like you are traveling at the speed of light across the globe if you have large distances to cover.

Ideally, you'd want to zoom out a tad bit, nudge over a bit, and zoom back in. Well, thanks to Dan Cory and James Darpinian, we have such a solution. Based on this paper, we implemented this.

 

You can click around to jump to the various places I've lived in Seattle and Europe.

You can find the source here.

Posted: Tuesday, March 03, 2009 3:03 PM by lutzg

Comments

Anith » Panning across large maps with Deep Zoom and custom animations said:

PingBack from http://www.anith.com/?p=15123

# March 3, 2009 7:05 PM

Daniel Gasienica said:

Lutz,

Kudos to you & the guys. It's a really stunning demo & nice implementation. I've never seen this paper but I found another one called «Space-Scale Diagrams: Understanding Multiscale Interfaces» by Bederson et al.* which briefly talks about pan/zoom trajectories. I've always meant to implement something like this myself but I've never come around to actually do it.

Again, well done!

Cheers,

Daniel

* http://www.cs.umd.edu/hcil/jazz/learn/papers/chi-95-spacescale.pdf

# March 4, 2009 1:45 PM

lutzg said:

Thanks! Yes, there are still tweaks that I am looking at, I think some parts are too fast while others are too slow... some spline tweaking definitely.

# March 4, 2009 7:50 PM

Joost M. said:

To prevent an exception from occuring when I click the same button twice, I had to add this line to the constructor of ViewportAnimation in MultiScaleImageExtensions.cs, just before the TimeSpan object is created:

if (Double.IsNAN(S)) return;

But it doesn't seem to be neccessary for your example project.

# March 10, 2009 6:32 AM

suru83 said:

Hi,

I'm new to working with Blend and VS, but I have been following source code available for Hardrock memorabilia and the likes(eg.Jellyfish).. I'm a little acquainted with the structure. I need to build somethin similar with my own images or silverlight sites(This is going to be a map as well)

Although your file structure is similar,I'm still facing difficulty in figuring out how I can make it work with my images.. could you please provide cues on this..so that I can start.

# April 25, 2009 2:29 PM

nasa said:

都是Silverlight做的游戏

http://www.silverarcade.com/Games

# April 28, 2009 4:37 AM
Leave a Comment

(required) 

(required) 

(optional)

(required) 

  
Enter Code Here: Required

Comment Notification

If you would like to receive an email when updates are made to this post, please register here

Subscribe to this post's comments using RSS

Page view tracker