JQuery可拖動谷歌地圖

我有一個覆蓋與gmap上的div和使用jquery插件，使其拖動，但是當我嘗試使用地圖上的拉和拖動功能整個div移動。任何想法如何解決這個問題？JQuery可拖動谷歌地圖

2011-06-17 johnrswanton

使用Google地圖API時，默認情況下，您應該自動獲得可拖動，可縮放和完全自定義的地圖，類似於在其網站上使用地圖。我們需要看你的代碼。 – slandau

您是否試圖在地圖上導航，或者您是否試圖在地圖上移動地圖？ –

只需將Google地圖包裝到另一個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/

來源

2011-06-18 01:57:58 guanome

JQuery可拖動谷歌地圖

回答

相關問題