绑定事件: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)
})
})

最新文章

  1. 1.2 - C#语言习惯 - 用运行时常量readonly而不是编译期常量const
  2. Nginx配置文件详解
  3. 170103、Redis官方集群方案 Redis Cluster
  4. js运动框架之一条乱跑的虫子
  5. 孙鑫MFC学习笔记10:画图/贴图
  6. js判断汉字字数
  7. (剑指Offer)面试题35:第一个只出现一次的字符
  8. 求出1~13的整数中1出现的次数,并算出100~1300的整数中1出现的次数?为此他特别数了一下1~13中包含1的数字有1、10、11、12、13因此共出现6次,但是对于后面问题他就没辙了。ACMer希望你们帮帮他,并把问题更加普遍化,可以很快的求出任意非负整数区间中1出现的次数。
  9. Image.FrameDimensionsList 属性备注
  10. Python学习 之 文件
  11. 关于Eigen库在Visual Studio2013中传参对齐报错问题
  12. 然爸读书笔记(2014-10)----Bootsrap用户手册
  13. Tomcat架构(二)
  14. getReadableDatabase 和 getWritableDatabase的区别
  15. PL/SQL Developer使用技巧(部分)
  16. 汉诺塔问题-递归实现-JAVA
  17. Windows下安装BeautifulSoup4显示'You are trying to run the Python 2 version of Beautiful Soup under Python 3.(`python setup.py install`) or by running 2to3 (`2to3 -w bs4`).'
  18. HTML5-Audio-基础篇
  19. C语言基础课第二次作业
  20. MySQl创建用户和授权

热门文章

  1. deeplearning.ai 改善深层神经网络 week2 优化算法
  2. Java IO: InputStreamReader和OutputStreamWriter
  3. Excel中带字母的数字序列自增实现方法
  4. Android开发之《Module相互引用,NDK不能正常Debug》
  5. PowerDesigner的文章
  6. JSP9个内置对象和3个常用指令
  7. <SDOI2009>学校食堂
  8. 正则提取关键字符-python代码实现
  9. Python 学习之Anaconda 设置默认打开chrome 浏览器
  10. Spring Boot 鉴权之—— JWT 鉴权