如何在移动 Openlayers 上禁用地图旋转

Question

我在我的地图上添加了 altShiftDragRotate:false 交互功能，但它只适用于桌面模式。当我在手机上打开我的页面时，我可以用两根手指旋转地图。有什么方法可以在移动模式下也禁用地图旋转吗？

    map = new ol.Map({
        layers: [
            new ol.layer.Group({
                'title': 'Mapas de base',
                layers: [grisOSM, mapaOSM]
            }),
            /* new ol.layer.Group({
                title: 'Capas de información',
                layers: [ ]
            }) */

        ],
        target: 'map',
        controls: ol.control.defaults({
            zoom: true,
            attributionOptions: /** @type {olx.control.AttributionOptions} */ ({
                collapsible: false
            })
        }).extend([
            scaleLineControl
        ]),
        view: vista,
        interactions: new ol.interaction.defaults({
            altShiftDragRotate: false
        }),

    });

Answer 1

您可以通过在视图对象中设置 enableRotation: false 来禁用旋转。

vista = new ol.View({
    ...
    enableRotation: false
})

如何在移动 Openlayers 上禁用地图旋转

How to disable map rotation on mobile Openlayers

javascript

maps

openlayers