Mapbox技术问题:触摸设备上无法禁用3D倾斜该如何解决?
解决Mapbox触摸设备上无法禁用3D倾斜的问题
你之前调用的dragPan、dragRotate、touchZoomRotate控制的是平移、旋转、缩放操作,和触摸设备上的3D倾斜(pitch)不属于同一交互项,因此无法实现禁用倾斜的效果。正确解决方法如下:
- 单独禁用触摸倾斜交互:
map.current.touchPitch.disable(); - 若要彻底锁定倾斜角度,可同时固定倾斜值:
map.current.setPitch(0); - 确保代码在地图加载完成后执行,避免因地图未初始化导致调用无效。
完整示例代码:
// 地图加载完成后执行 map.current.on('load', () => { // 禁用触摸倾斜 map.current.touchPitch.disable(); // 固定倾斜角度为0(可选) map.current.setPitch(0); // 保留你之前需要禁用的其他操作 map.current.dragPan.disable(); map.current.dragRotate.disable(); map.current.touchZoomRotate.disable(); });
内容的提问来源于stack exchange,提问作者Elias Dörig
相关产品推荐
相关产品推荐

