javascript – 有没有办法禁用OpenLayers 3中的旋转?

前端之家收集整理的这篇文章主要介绍了javascript – 有没有办法禁用OpenLayers 3中的旋转?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在升级我的OpenLayers 2 Mapview到OpenLayers 3.我真的很喜欢新的OpenLayers客户端,但我想停用在移动设备上旋转地图的能力(用2个手指旋转).

但是我找不到任何设置.这是不可能的,还是我只能愚蠢地找到设置?

我正在使用当前的版本(3.0.0)的openlayers javascript客户端. (https://github.com/openlayers/ol3/releases/tag/v3.0.0)

解决方法

是的,有一种方法来停用旋转地图的能力.

您需要自定义ol.Map对象的交互.要么使用ol.interaction.defaults函数来创建一个具有交互的ol.Collection,要么创建一个仅包含所需交互的数组.然后可以将其传递给ol.Map的构造函数.

使用ol.interaction.defaults函数(http://openlayers.org/en/master/apidoc/ol.interaction.html#defaults):

var interactions = ol.interaction.defaults({altShiftDragRotate:false,pinchRotate:false}); 
var map = new ol.Map {
    interactions: interactions
};

第一行创建所有默认交互,但是可以通过键盘鼠标旋转,并在移动设备上使用手指.

你也许想删除ol.control.Rotate然后也. (这是右上角的针,用于重置旋转,仅在地图旋转时才显示).工作方式相同.

通过ol.control.defaults创建无指南针的控件(http://openlayers.org/en/master/apidoc/ol.control.html#defaults)

var controls = ol.control.defaults({rotate: false});

‘全’代码

var controls = ol.control.defaults({rotate: false}); 
var interactions = ol.interaction.defaults({altShiftDragRotate:false,pinchRotate:false});

var map = new ol.Map {
    controls: controls,interactions: interactions
};

猜你在找的JavaScript相关文章