JQuery 可拖动谷歌地图

Question

我有一个 div 覆盖层，上面有 gmap，并使用 jquery 插件使其可拖动 但是当我尝试在地图上使用拉拽功能时，整个 div 都会移动。 有什么想法如何解决这个问题吗？

Answer 1

只需将谷歌地图包装在另一个 div 中并为其分配一个句柄，这里是代码和一个工作示例。

HTML：

<div class="draggable">
    <div id="handle">Handle</div>
    <iframe width="700px" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?q=108+S+4th+St,+Cabot,+AR+72023,+USA&ie=UTF8&ll=34.983948,-92.014875&spn=0.012273,0.027122&z=14&iwloc=addr&om=1&output=embed&s=AARTsJrKwkyz-ofBV3q5yi6SmToKlUCe8Q" style="height: 522px"></iframe>
</div>

Javascript：

$(document).ready(function() {
    $('.draggable').draggable({'handle' : '#handle'});
});

示例：

http ://jsfiddle.net/semTg/