mapbox怎么控制地图的旋转行为

可以在 Mapbox GL JS 中使用 scrollZoom, dragRotate, touchRotate 属性来控制地图的旋转行为。

  • scrollZoom: 是否支持滚轮缩放,默认为 true
  • dragRotate: 是否支持平移拖拽旋转地图,默认为 true
  • touchRotate: 是否支持触摸缩放旋转地图,默认为 true

如果想禁止地图旋转,可以将 dragRotatetouchRotate 设置为 false

// 创建地图
var map = new mapboxgl.Map({
  container: 'map',
  style: 'mapbox://styles/mapbox/streets-v11',
  center: [116.4074, 39.9042],
  zoom: 12,
  dragRotate: false,
  touchRotate: false
});

// 禁止地图旋转

在上面的示例中,创建地图时将 dragRotatetouchRotate 属性设置为 false,从而禁止了地图的旋转行为。

除了以上属性外,Mapbox GL JS 还提供了其他一些属性来控制地图的交互行为,可以根据自己的需求进行设置。例如,scrollZoomSpeed 属性可以用来控制鼠标滚轮缩放的速度,dragPan 属性可以用来控制地图平移的方式,doubleClickZoom 属性可以控制地图双击缩放的行为等。

posted @   槑孒  阅读(726)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
点击右上角即可分享
微信分享提示