<div>
Google Maps is not panning over a humongous image. It is feeding you tiles (like a puzzle) with AJAX it loads the tiles next to the current one as you drag the mouse around the screen.
</div>


<div>
I understand that. I assumed that if there was a javascript library that it would also require a server side component much like extjs does for paging tables.
</div>


<div>
Hm. I've never heard of any libraries which already do this google-maps style panning. There are however a number of library which already implement JS dragging as well as ajax such as:<br />
<br />
<a href="http://jquery.com/" rel="ugc">http://jquery.com/</a><br />
<a href="http://script.aculo.us/" rel="ugc">http://script.aculo.us/</a><br />
<a href="http://qooxdoo.org" rel="ugc">http://qooxdoo.org</a>
</div>


<div>
And many more. <br />
<br />
So you may be able to combine some of the pre-written dragging libraries to do what you want. You would have a container within which the current tile is being dragged. As it is dragged, the tiles around it are moving with it and new ones are coming in as you pan over previously invisible sections of the family tree.<br />
<br />
The container I assume would have kind of a limited peep-hole view of the image which- when the edge of the tile approaches the edge of the container, adjacent tiles are loaded in.
</div>


<div>
<div class="content wysiwyg-content">
I just implemented a basic Google Maps mashup and was impressed at how easy it was to do.<br />
<br />
However, I was wondering if there were Javascript libraries available which would provide for panning over an image in the same way that one can pan over a map in Google Maps.<br />
<br />
For instance, as a thought experiment imagine a huge family tree involving millions of people which, if viewed all at once, would be a 100000px by 100000px image. How would I implement a viewer which would show me a subset of that information? Obviously I'd need some sort of server side app which responded to requests from the interface for particular sections of the image. But what about the client side?<br />
<br />
Are there Javascript libraries which have widgets which could be used to build something like that?<br />
<br />
Keep in mind that I don't just want panning. I want to be able to click icons on the image and see popup information and other types of dynamic behavior beyond just panning around an image.
</div>
</div>


I just implemented a basic Google Maps mashup and was impressed at how easy it was to do.

However, I was wondering if there were Javascript libraries available which would provide for panning over an image in the same way that one can pan over a map in Google Maps.

For instance, as a thought experiment imagine a huge family tree involving millions of people which, if viewed all at once, would be a 100000px by 100000px image. How would I implement a viewer which would show me a subset of that information? Obviously I'd need some sort of server side app which responded to requests from the interface for particular sections of the image. But what about the client side?

Are there Javascript libraries which have widgets which could be used to build something like that?

Keep in mind that I don't just want panning. I want to be able to click icons on the image and see popup information and other types of dynamic behavior beyond just panning around an image.

Are there Javascript libraries which provide for panning over an image like Google Maps does?

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

A web application framework (WAF) is a software framework that is designed to support the development of dynamic websites, web applications, web services and web resources. The framework aims to alleviate the overhead associated with common activities performed in web development. Most common web application frameworks are defined by specific subsets, including ASP.NET, JaveEE, Symfony, ColdFusion Language (CFML), Laravel, jQuery and AngularJS, or for the related languages, including .NET, PHP, JavaScript, Java, Perl, Python, Ruby, C++ and C.

Web Frameworks

Web applications are systems that run in browsers that perform functions normally associated with other client-based programs. One of the most commonly used web applications is email; instead of downloading individual emails to a local machine, the data is shown through a website. Other examples of web applications are collaborative systems like a wiki or an online game.