码迷,mamicode.com
首页 > 其他好文 > 详细

【03】openlayers 地图事件

时间:2020-03-14 22:12:49      阅读:117      评论:0      收藏:0      [点我收藏+]

标签:pointer   back   time   callback   foreach   soft   事件   console   pre   

绑定事件:map.on(type, listener)

取消绑定:map.un(type, listener)

type:事件类型

listener:执行得函数体

事件类型:

//事件类型
let type = {
    click:‘click‘,//单击
    dblclick:‘dblclick‘,//双击,双击会触发click
    singleclick:‘singleclick‘,//单击,延迟250毫秒,就算双击不会触发
    moveend:‘moveend‘,//鼠标滚动事件
    pointermove:‘pointermove‘,//鼠标移动事件
    pointerdrag:‘pointerdrag‘,//鼠标拖动事件
    precompose:‘precompose‘,//地图准备渲染,为渲染
    postcompose:‘postcompose‘,//地图渲染中
    postrender:‘postrender‘,//地图渲染全部结束
    changeLayerGroup:‘change:layerGroup‘,//地图图层增删时触发
    changeSize:‘change:size‘,//地图窗口发生变化就会触发
    changeTarget:‘change:target‘,//地图绑定的div发生更改时触发
    changeView:‘change:view‘,//地图view对象发生变化触发
    propertychange:‘propertychange‘,//Map对象中任意的property值改变时触发
}

例子:

//绑定事件
let fn = function(e){
    console.log(e)
}
map.on(type.click,fn)

//取消绑定
setTimeout(()=>{
    map.un(type.click,fn)
},3000)

通常结合使用的方法:

map.forEachFeatureAtPixel(pixel, callback)

map.on(‘click‘,function(e){
    //屏幕坐标
    let pixel = this.map.getEventPixel(e.originalEvent);
    //检测与视口上的像素相交的要素
    map.forEachFeatureAtPixel(pixel,function(feature,layers){
        //feature,返回的要素
        console.log(feature)
        //layers,返回的图层
        console.log(layers)
    })
})

 

【03】openlayers 地图事件

标签:pointer   back   time   callback   foreach   soft   事件   console   pre   

原文地址:https://www.cnblogs.com/MaShuai666/p/12494296.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!