Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 传单.手势处理双指拖动/页面滚动防止_Javascript_Reactjs_Leaflet_React Leaflet - Fatal编程技术网

Javascript 传单.手势处理双指拖动/页面滚动防止

Javascript 传单.手势处理双指拖动/页面滚动防止,javascript,reactjs,leaflet,react-leaflet,Javascript,Reactjs,Leaflet,React Leaflet,我使用with react支持双指滚动和带传单的ctrl+滚轮 使用演示测试此功能,我发现在桌面上一切正常。然而,在手机上,我发现这种行为相当疯狂。当尝试使用两个手指手势时,页面将滚动。变焦和平移混合在一起,这是完全不可预测的。我已经包括了我的实现,我认为它遵循作者的指导 我在想,我做错什么了吗?当两个手指接触传单容器时,是否需要禁用页面滚动 有人来过这里吗 从“React”导入React 从“道具类型”导入道具类型 从“react传单”导入{MapContainer、TileLayer、Ma

我使用with react支持双指滚动和带传单的ctrl+滚轮

使用演示测试此功能,我发现在桌面上一切正常。然而,在手机上,我发现这种行为相当疯狂。当尝试使用两个手指手势时,页面将滚动。变焦和平移混合在一起,这是完全不可预测的。我已经包括了我的实现,我认为它遵循作者的指导

我在想,我做错什么了吗?当两个手指接触传单容器时,是否需要禁用页面滚动

有人来过这里吗

从“React”导入React
从“道具类型”导入道具类型
从“react传单”导入{MapContainer、TileLayer、Marker、GeoJSON}
导入“/loapemap.css”
从“传单”中导入*作为L;
从“传单手势处理”导入{gestureholding};
导入“传单/目录/传单.css”;
导入“传单手势处理/dist/传单手势处理.css”;
const proj4=窗口类型!==`未定义的`?要求(“项目说明书”):空
类映射扩展了React.Component{
静态类型={
边界:PropTypes.array,
startMarker:PropTypes.array,
endMarker:PropTypes.array,
路由:PropTypes.object,
}
静态defaultProps={
职位:[51,-1],
缩放:13,
标记文字:“”,
}
render(){
/*gatsby build要求,在开发中运行良好,因为窗口定义为浏览器*/
如果(窗口类型!=“未定义”){
//设置EPSG:27700(英国国家电网)投影。
var crs=新项目4.crs(
“EPSG:27700”,
“+proj=tmerc+lat_0=49+lon_0=-2+k=0.9996012717+x_0=400000+y_0=-100000+ellps=airy+towgs84=446.448,-125.157542.06,0.15,0.247,0.842,-20.489+单位=m+无定义”,
{
决议:[
896.0,
448.0,
224.0,
112.0,
56.0,
28.0,
14.0,
7.0,
3.5,
1.75,
],
来源:[-238375.01376256.0],
}
)
//初始化映射。
变量映射选项={
crs:crs,
最小缩放:0,
最大缩放:9,
属性控制:false,
//手势处理:正确
}
L.Map.addInitHook(“addHandler”、“gestureHandling”、“gestureHandling”);
返回(
)
}
返回空
}
}
导出默认地图

不确定您是否已设置使用传单。双指侧翻解决方案的手势处理,但如果您需要使用传单交互选项的替代方案,这里有另一种解决方案