我正在尝试构建一个交互式地图，我正在寻找有关如何在一个窗口中单击并拖动的信息，影响其父窗口中的图像。
如果您访问http://liamg.co.uk/map/map.html这很难解释，您会在左上方看到一个小窗口/地图，我希望能够在地图周围拖动一个小窗口并将其移动到更大的/放大图像，这有意义吗？
非常感谢任何信息/帮助！
由于
答案 0 :(得分：1)
jquery支持拖放元素，请参见此处：http://jqueryui.com/demos/draggable/ 你必须设置正确的边界，然后添加一个在drop上执行的事件，你将在其中读取被删除元素的位置，然后可以根据需要将其应用于地图。
您需要的正确示例是：http://jqueryui.com/demos/draggable/constrain-movement.html
框中的第一个框具有框的边界。
在这里你看到如何对掉落做出反应：http://jqueryui.com/demos/draggable/events.html
答案 1 :(得分：0)
我认为你需要的不是一个拖拽事件，你想要一个元素只在小地图内移动，是吗？
让我解释一下：
1-添加一个监听器，向下，向上移动并移动到那个小地图;
2-当标志mousedown为true时，mousemove会改变小地图周围的方形div的位置（显示用户正在看到的图像部分）。使用pageX和Y（坐标）;
3-按照部分div的大小和溢出的整个地图的大小进行数学计算，以显示地图的精确缩放部分。
我相信拖动实际上是在您围绕所有文档进行思考或使用drop事件时实现的。但这就是我的想法。