javascript - 別の要素をドラッグして、js googleマップのパンを制御できますか？

Question

私は2つのdivを持っています。一番下にはJSグーグルマップが含まれています。一番上のものにはテキストが含まれており、背景は透明です。一番上の要素をドラッグしてマップのパンを制御する方法はありますか？

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

ソース:

jQueryで「ドラッグ」を検出できますか?

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