一直在玩javascript游戏的想法。特别是RTS类型...问题如下。
如何创建可拖动的内框，类似于谷歌地图？
这个想法是有一个叠加的用户界面，下面有一个更大的可拖动地图。有点类似于你通常的 RTS 游戏。但是，我一直在尝试为这样的界面寻找一个简单的解决方法。是否有类似的现成 API？或者我需要从头开始吗？
如果可能的话，它也应该在 iphone 上工作 =X
附加信息： 据我目前所知，谷歌地图似乎使用放置在地图顶部的可拖动元素来检测拖动事件。然而，我不明白的是，它仍然能够击中它下面的物体......
【问题讨论】：
标签： javascript jquery html
我只是在一秒钟内把它放在一起：
http://jsfiddle.net/purmou/mrJtG/
它使用 jQuery UI (http://jqueryui.com/home) 的“可拖动”功能。这是 HTML 和 CSS：
#range {
width:400px;
height:400px;
overflow:hidden;
border:1px solid black;
}
<div id="range">
<img src="http://img1.loadtr.com/k-483417-Map_of_the_World.gif" id="map" />
</div>
这里是 jQuery：
jQuery(document).ready(function() {
jQuery("#map").draggable();
});
查看 Draggable 页面 here 以进行进一步探索。
【讨论】：
我不认为这个答案是有效的，因为 jQueryUI 的可拖动在触摸设备上不起作用，而 PicoCreator 明确表示他需要它在 iPhone/iOS/触摸界面上工作
【讨论】：