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

Question

我在我的地图上添加altShiftDragRotate:false了交互，但它只能在桌面模式下工作。当我在手机上打开我的页面时，我可以用 2 个手指旋转地图。有没有办法在移动模式下也禁用地图旋转？

    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
        }),

    });

标签： javascriptmapsopenlayers

Answer 1

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

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