单张双击不会放大

时间:2017-09-13 20:21:57

标签: javascript leaflet

Leaflet在我的应用中的触摸设备上无法识别双击(但双击缩放是正常的 - 只需打开开发工具并选择移动设备查看错误):https://express-tourism.herokuapp.com/
我认为这可能是因为我将DIV映射到另一个全局包装器DIV中,但事实并非如此。即使我在控制台中输入“地图”,也会显示doubleClickZoom is enabled
我是否必须手动添加双击功能,或者我错过了什么?

更新:@Baptiste是对的 - 我必须添加自定义双击功能:

var tapped=false
  $("#map").on("touchstart",function(e){
    if(!tapped){ //if tap is not set, set up single tap
      tapped=setTimeout(function(){
          tapped=null
          //insert things you want to do when single tapped
      },300);   //wait 300ms then run single click code
    } else {    //tapped within 300ms of last tap. double tap
      clearTimeout(tapped); //stop single tap callback
      tapped=null
      //insert things you want to do when double tapped
      map.zoomIn(1)
    }
});

1 个答案:

答案 0 :(得分:0)

Leaflet在移动设备上双击不缩放,您需要两根手指。您可以查看此设置http://leafletjs.com/reference-1.2.0.html#map-tap并将其添加到地图中。