Question

我有一个带有gmap的div覆盖，并使用了一个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&amp;ie=UTF8&amp;ll=34.983948,-92.014875&amp;spn=0.012273,0.027122&amp;z=14&amp;iwloc=addr&amp;om=1&amp;output=embed&amp;s=AARTsJrKwkyz-ofBV3q5yi6SmToKlUCe8Q" style="height: 522px"></iframe>
</div>

Javascript：

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

示例：

http://jsfiddle.net/semTg/

JQuery可拖动的谷歌地图

1 个答案: