可拖动的内框类似于谷歌地图
一直在玩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页面进一步探索。