openlayers map事件类型都有哪些

Posted 2023-04-02

参考技术A 1 BROWSER_EVENTS: [
2 "mouseover", //鼠标位于对象或区域上
3 "mouseout", //鼠标移出
4 "mousedown", //鼠标按下
5 "mouseup", //鼠标抬起
6 "mousemove", //鼠标移动
7 "click", //鼠标单击
8 "dblclick", //鼠标双击
9 "rightclick", //鼠标右击
10 "dblrightclick", //鼠标右键双击
11 "resize", //调整大小
12 "focus", //获得焦点
13 "blur" //本回答被提问者采纳 参考技术B 'click',//单击
'dblclick',//双击，双击会触发click
'singleclick',//单击，延迟250毫秒，就算双击不会触发
'moveend',//地图变化事件
'pointermove',//鼠标移动事件
pointerdrag',//鼠标拖动事件
'precompose',//地图准备渲染，为渲染
'postcompose',//地图渲染中
'postrender',//地图渲染全部结束
使用map.on('xxxxx' ,data=>)调用

Openlayers 遍历查找交互事件（ol.interaction）

说明

有时候需要遍历openlayers的交互事件，并根据不同类型进行操作/监控。

解决方案

方法一：实现了找到交互事件中的Select事件，并删除

map.getInteractions().forEach(function (interaction) {
            if (interaction instanceof ol.interaction.Select) {
                map.removeInteraction(interaction);
            }
        });

方法二：其实还有另一种写法，getArray()获取到的是Interactions的数组，可以用操作数组的方式去操作

var selectInteraction = map
        .getInteractions()
        .getArray()
        .find(interaction => {
          return interaction instanceof ol.interaction.Select;
        });
map.removeInteraction(selectInteraction);