You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.25 15:22:08