javascript - 带有 gmap 的可拖动 div 在移动浏览器上不起作用

Question

我想让一个div可拖动，这样我就可以拖动gmap(就像一个小部件)。我不想拖动gmap的内容。

在我的JSfiddle它适用于计算机浏览器，但不适用于移动浏览器。这是我的简单代码:

function initialize() {
    var mapOptions = {
        center: new google.maps.LatLng(-34.397, 150.644),

        zoom: 8
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
     map.setOptions({"draggable" : false });
    $(function() {
        $( ".drag" ).draggable();
    });
}

我能做什么？

我正在使用 jQuery UI Touch Punch 对触摸事件使用react。

Answer 1

Jquery UI 目前不支持触摸事件。但是，您可以使用库来完成您正在寻找的行为。 Jquery UI Touch Punch就是一个很好的例子。