как сделать пользовательские оверлеи перетаскиваемыми с помощью Google-карт v3

Question

маркер можно перетаскивать, чтобы перетаскивать пользовательские оверлеи тоже можно,

, как сделать перетаскиваемые персонализированные оверлеи,

спасибо

Answer 1

Я недавно собрал решение в похожей ветке, которое в значительной степени относится и к этому вопросу:

Вот другой поток переполнения стека, показывающий, как создать собственное наложение в V3 с перетаскиваемым объектом

Вот рабочий пример: http://www.johnmick.net/drag-div-v3/

Вот некоторые из источников: http://www.johnmick.net/drag-div-v3/js/main.js

Чтобы сделать сам пользовательский оверлей перетаскиваемым с помощью пользовательского интерфейса jQuery, вам просто нужно сделать объект div оверлея перетаскиваемым, например:

    CustomOverlay.prototype.onAdd = function()
    {
        var div = document.createElement("DIV");
        div.style.border = "none";
        div.style.borderWidth = "0px";
        div.style.position = "absolute";
        div.style.visibility = "visible";
        jQuery(div).draggable();   //Make the overlay itself draggable
        this.div = div;
        this.addPolygon(new google.maps.LatLng(46,0));
        this.getPanes().overlayLayer.appendChild(div);
    };

Answer 2

Если вы используете пользовательский «OverlayView», я обнаружил, что добавление ваших перетаскиваемых объектов на панели «overlayMouseTarget» позволит вам захватывать события мыши для этого объекта и, например, использовать пользовательский интерфейс jQuery и применять draggable () к объекту.