javascript - 我可以通过拖动另一个元素来控制 js 谷歌地图平移吗？

Question

我有两个 div，一个在另一个上面。最下面的一个包含 JS 谷歌地图。顶部包含文本并具有透明背景。有没有办法通过拖动顶部元素来控制 map 的平移？

Answer 1

您可以在 Google Maps Api 命令中使用一些 javascript，在这种情况下，我相信您需要使用 map.panBy()。您可以使用如下命令将此命令分配给 div 上的拖动操作:

var isDragging = false;
$("a")
.mousedown(function() {
    $(window).mousemove(function() {
        isDragging = true;
        $(window).unbind("mousemove");
    });
})
.mouseup(function() {
    var wasDragging = isDragging;
    isDragging = false;
    $(window).unbind("mousemove");
    if (!wasDragging) { //was clicking
        $("#throbble").show();
    }
}); 

来源:

Can you detect "dragging" in jQuery?

http://www.daveoncode.com/2008/11/17/playing-with-google-maps-api-part-two-create-custom-controls/