mapbox怎么控制地图的旋转行为
可以在 Mapbox GL JS 中使用 scrollZoom
, dragRotate
, touchRotate
属性来控制地图的旋转行为。
scrollZoom
: 是否支持滚轮缩放,默认为true
。dragRotate
: 是否支持平移拖拽旋转地图,默认为true
。touchRotate
: 是否支持触摸缩放旋转地图,默认为true
。
如果想禁止地图旋转,可以将 dragRotate
和 touchRotate
设置为 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
});
// 禁止地图旋转
在上面的示例中,创建地图时将 dragRotate
和 touchRotate
属性设置为 false
,从而禁止了地图的旋转行为。
除了以上属性外,Mapbox GL JS 还提供了其他一些属性来控制地图的交互行为,可以根据自己的需求进行设置。例如,scrollZoomSpeed
属性可以用来控制鼠标滚轮缩放的速度,dragPan
属性可以用来控制地图平移的方式,doubleClickZoom
属性可以控制地图双击缩放的行为等。