可拖动的内框类似于谷歌地图

一直在玩javascript游戏的想法。 特别是RTS类型……问题如下。

我如何创建一个可拖动的内框架,类似于谷歌地图?

这个想法是,有一个覆盖的UI,下面有一个更大的可拖动地图。 类似于您通常的RTS游戏。 然而,我一直试图为这样的界面做一个简单的工作。 是否有现成的API用于类似的东西?或者我需要从头开始做什么?

如果可能的话,它也应该在iphone上工作= X.

附加信息:据我所知,到目前为止,似乎谷歌地图使用放置在地图顶部的可拖动元素,检测拖动事件。 然而,我不明白的是,它仍然可以击中它下面的物体……

我只是把它扔在一起:

http://jsfiddle.net/purmou/mrJtG/

它使用jQuery UI(http://jqueryui.com/home)“可拖动”function。 这是HTML和CSS:

#range { width:400px; height:400px; overflow:hidden; border:1px solid black; } 

这是jQuery:

 jQuery(document).ready(function() { jQuery("#map").draggable(); }); 

看看这里的Draggable页面进一步探索。