当前位置：文江博客话题详情

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

发布于 2024-09-17 18:12:37 字数 63 浏览 4 评论 0原文

标记可以拖动，所以自定义叠加层也可以拖动，

那么如何使自定义叠加层可拖动，

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

怕倦 2024-09-24 18:12:37

我最近在一个类似的线程上整理了一个解决方案，该解决方案也非常适用于这个问题：

这是另一个 Stack Overflow 线程，展示了如何在 V3 中使用可拖动对象创建自定义叠加层

这是工作示例：
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);
    };

I recently put together a solution on a similar thread that applies greatly to this question as well:

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

Here is the working example:
http://www.johnmick.net/drag-div-v3/

Here is some of the source:
http://www.johnmick.net/drag-div-v3/js/main.js

To make the Custom Overlay itself draggable, using jQuery UI, you would just make the div object of the overlay draggable like:

    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);
    };

回复收藏 0 原文