リーフレットのコントロールダイアログがタッチスクリーンでドラッグ可能

Question

タッチデバイスのリーフレットダイアログをドラッグする際に問題があります。

リーフレット1.0.3（http://leafletjs.com/）とLeaflet.Dialogプラグイン（https://github.com/NBTSolutions/Leaflet.Dialog）を使用して、地図の上部に情報を表示しています。それはマウスイベントで完璧に動作します。ただし、タッチスクリーンでは完全に失敗します。

タッチデバイス上のリーフレットのマップイベントリスナーがオーバーレイ要素のタッチイベントを禁止していると思われたため、マップオプションでドラッグを設定して偽に設定しようとしましたが、どちらも機能しませんでした。また、jquery-uiドラッグ可能な機能をダイアログに追加しました。これにより、非タッチスクリーンデバイス上でダイアログボックス全体をドラッグ可能にしました。まだタッチイベントで運がない。どのようにこの作品を作るためのアイデアですか？私はまだ、これはネイティブのリーフレットで行うことができるかどうかを知るために興味があると思い https://github.com/furf/jquery-ui-touch-punch/

：ちょうど私はそれがタッチパンチのjQuery-UIのプラグインを使用して作業を得ることができた自分の質問に答えるために

var map = L.map('map', { 
    maxZoom: 20, 
    minZoom: 5/*, 
    tap: false, 
    dragging: false*/}); 

var dialog = L.control.dialog(options) 
    .setContent("test") 
    .addTo(map); 

$('.leaflet-control-dialog').draggable(); 

Answer 1

機能。