JQuery перетаскиваемая карта Google - PullRequest
Новая
       22

JQuery перетаскиваемая карта Google

0 голосов
/ 17 июня 2011

У меня есть наложение div с gmap на нем, и я использовал плагин jquery, чтобы сделать его перетаскиваемым но когда я пытаюсь использовать функцию перетаскивания на карте, весь div перемещается. Есть идеи как это исправить?

1 Ответ

1 голос
/ 18 июня 2011

Просто оберните карту 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/

...