Javascript 内置gmap的可拖动div在移动浏览器上不起作用

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

在我的电脑中，它可以在电脑浏览器上工作，但不能在移动浏览器上工作。这是我的简单代码：

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对触摸事件进行反应。

jQuery UI当前不支持触摸事件。但是，您可以使用库来完成所需的行为。这是一个很好的例子

你好，Jeremy，我在本例中使用了Jquery UI Touch Punch。