使用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对触摸事件作出反应。

Answer 1

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