如何使用google-maps v3使自定义叠加层可拖动

Question

标记可以拖动，因此自定义叠加也可以拖动，

所以如何使自定义叠加层可拖动，

感谢

Answer 1

我最近在一个类似的线程上提出了一个解决方案，该解决方案同样适用于这个问题：

Here is the other Stack Overflow Thread Showing how to create a custom overlay in V3 with a draggable object

以下是工作示例：     http://www.johnmick.net/drag-div-v3/

以下是一些来源：     http://www.johnmick.net/drag-div-v3/js/main.js

要使自定义叠加层本身可拖动，使用jQuery UI，您只需将叠加层的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 UI并将draggable（）应用于对象。