사실, 확대/축소를 위한 네비게이션 UI 자체는 기존에 Ajax를 이용한 구글맵이나 플래시를 이용한 플래시어스(FlashEarth) 등을 통해서 진작부터 이슈가 된 적이 있는 기술입니다.
기술적인 배경에는 큰 이미지를 타일 조각으로 나누어서 일련번호를 붙여서 확대 비율에 맞는 이미지를 그때그때 불러와서 보여주는 알고리즘이 필요한데요.(말은 쉽지만 실제로 해보면 최적화나 좌표값 계산, 자연스러운 확대축소 구현 등이 상당히 복잡하고 번거롭답니다.) 인터넷상의 대부분 지도 서비스가 이와 같은 방법을 이용하고 있습니다.

개인적으로는 NHN에서 일하던 시절에 틈틈히 Ajax로 되어 있는 네이버지도를 플래시를 이용해서 만들어 바꿔보려고 시도한 적이 있었답니다.  네이버 지도 역시 수많은 png 조각들로 이루어져 있는데요, 네이버맵 오픈API의 자바스크립트 소스코드를 분석해 보면 특정 좌표와 원하는 확대비율에 필요한 이미지 주소를 알아낼 수가 있지요.(지금도 가능한지 모르겠네요. 일종의 핵인데...)

이렇게 알아낸 이미지 주소를 플래시에서 동적으로 불러와서 화면에 적당한 위치에 뿌려주는 식으로 플래시 지도를 만들 수가 있었답니다.

결과적으로, 플래시어스와 굉장히 비슷한 형태로 만들어 졌는데, 몇 가지 문제점이 있었습니다.

1) 확대/축소 시에 필요한 이미지를 불러오는 데 있어서 이미지 데이터를 불러오는 시점에 플래시 화면에 멈춤 현상이 생기는 점이지요.

2) 또 한 가지는, 딥줌에서 보는 것과 같은 섹시한 블러 효과(a sexy blur filter effect)를 주려면 BitmapFilter를 적용해야 하는데 이 때 굉장히 많은 부하가 걸리게 됩니다.

그래서 실제로 딥줌으로 만든 예제가 보다 빠르고 부드러운 움직임을 보여줍니다. 플래시어스와 하드락 사례를 비교해서 사용해 보면 차이가 느껴질 거에요.(참고로 플래시어스는 최적화가 잘 되어 있는 편입니다.)

여기에 덧붙여 실버라이트 딥줌의 장점이 몇가지 더 있는데,

1) 딥줌 컴포저(DeepZoom Composer)라는 툴을 이용해서 쉽게 이미지를 타일 형태로 생성할 수 있다는 것
2) 위에서 설명한 복잡한 과정을 거치지 않아도 자동으로 타일 이미지를 불러와서 화면에 배치하는 등 처리해 준다는 것.
3)  복수의 이미지를 컬렉션 형태로 배포하면 배치를 자유롭게 변형할 수 있다는 점.

컬렉션에 대해서는 아래 샘플을 참고하면 좋겠네요.

아래는 길버트님이 바로 어제 딥줌을 이용해서 만든 딥줌뷰어인데요. HTML 상에서 딥줌 바이너리 파일의 URL만 넘겨주면 쉽게 고해상도 이미지를 사용할 수 있도록 되어 있어요.
아참, 이제 실버라이트도 Object 태그 만으로 퍼가기가 된다는 사실! ^^
퍼가기 코드는 길버트님 블로그 참고.