我正在尝试建立一个交互式Map，我正在寻找有关如何在一个窗口中单击并拖动，影响其父窗口中的图像的信息。
由于这是很难解释，如果你访问http://liamg.co.uk/map/map.html，你会看到一个小窗口/Map在左上角，我想能够拖动一个小窗口周围的Map，并有移动较大/放大的图像，这有意义吗？
任何信息/帮助都非常感谢！
我正在尝试建立一个交互式Map，我正在寻找有关如何在一个窗口中单击并拖动，影响其父窗口中的图像的信息。
由于这是很难解释，如果你访问http://liamg.co.uk/map/map.html，你会看到一个小窗口/Map在左上角，我想能够拖动一个小窗口周围的Map，并有移动较大/放大的图像，这有意义吗？
任何信息/帮助都非常感谢！
2条答案
按热度按时间agxfikkp1#
jquery支持拖放元素，请参见此处：http://jqueryui.com/demos/draggable/您必须设置正确的边界，然后添加一个在放置时执行的事件，在该事件中，您将读取放置的元素的位置，然后可以将其应用到您想要的任何Map。
您需要的正确示例如下：http://jqueryui.com/demos/draggable/constrain-movement.html
盒子中的第一个具有盒子的边界。
这里你可以看到如何应对下降：http://jqueryui.com/demos/draggable/events.html
u0sqgete2#
我认为你需要的不是一个拖拽事件，你需要一个只在小Map内部移动的元素，是吗？
让我解释一下：
1-添加一个监听器，将鼠标按下，然后移动到那个小Map上;
2-当flag mousedown为true时，mousemove会改变小Map周围的正方形div的位置（显示用户看到的是图像的哪一部分）。
3-使math按div部分的大小和big溢出的大小与完整Map一起显示Map的精确缩放部分。
我相信拖动是真的实现了当你移动一个想法在所有的文件，或使用drop事件。但它是我所认为的。