openlayers-3 - 如何在 OpenLayers 3 中禁用 DragPan？

Question

如何在 Openlayers 3 中禁用 DragPan 交互(已定义 map 时)？

另外，为什么我无法使用 mousemove 事件？
我正在这样做:map.on('mousemove',function(e){ ...});它不起作用。

Answer 1

要禁用交互，您需要从 map 中删除它 .如果您没有交互的引用，可以使用 getInteractions 找到它。 map 方法:

var dragPan;
map.getInteractions().forEach(function(interaction) {
  if (interaction instanceof ol.interaction.DragPan) {
    dragPan = interaction;
  }
}, this);
if (dragPan) {
  map.removeInteraction(dragPan);
}

对于鼠标移动事件，要使用的正确事件是“ ”指针移动 '，请参阅此处的使用示例: http://openlayers.org/en/v3.3.0/examples/icon.html

知道您可以配置您想要创建的交互并默认添加到您的 map 中。例如，如果您想创建一个没有 dragPan 交互的 map ，您可以这样做:

var map = new ol.Map({
  layers: layers,
  interactions: ol.interaction.defaults({
    dragPan: false
  }),
  view: new ol.View({
    center: [0, 0],
    zoom: 2
  })
});

见 here获取 ol.interaction.defaults 的所有可能选项的列表.