openlayers启动和取消map监听事件

最新推荐文章于 2024-09-04 11:27:25 发布

Licia_dd

最新推荐文章于 2024-09-04 11:27:25 发布

阅读量986

点赞数 9

分类专栏：开发过程Q&A 文章标签： javascript

本文链接：https://blog.csdn.net/larea/article/details/136477345

版权

开发过程Q&A 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

在map中启动“点击事件”监听

this.clickHandel = this.map.on("click", function(evt) {
});

在map中取消“点击事件”监听

import {unByKey} from 'ol/Observable';

unByKey(this.clickHandel);

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Licia_dd

关注关注

9
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Openlayers实战：启动、取消事件的监测

大剑师兰特的GIS世界

08-24

550

在Openlayers的实际项目中，我们会用到各种地图事件，比如click，dblclick，change，loadstart … 监测的时候往往用on(‘事件名称’，回调函数)来操作，但是取消这些事件的监控怎么做呢，请参考源代码。

Openlayers 教程 22 - 介绍演示地图监听事件（单击双击、地图平移、地图缩放、鼠标悬浮等）

linzi19900517的博客

04-01

6396

地图中的监听事件，也是经常用的功能，一般用于点击获取坐标点，进而查询数据，还有其他事件，比如双击事件、缩放事件等。

参与评论您还未登录，请先登录后发表或查看评论

openlayers3学习-创建地图，添加、移除监听事件

zforler的博客

04-22

6843

一、入门实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="../ol.css" rel="stylesheet"/> <script src="....

openlayer 移除map.on(click,地图点击事件

GISer_Kun的博客

01-07

1万+

在openlayer API里找了好久也没找到，最后问老同学才解决这个问题，今天记录下来 key = map.on('click', function (e) { ... }.bind(this)); //移除click ol.Observable.unByKey(key);...

openlayers卸载地图监听事件

最新发布

十一侍卫的博客

09-04

184

【代码】openlayers卸载地图监听事件。

openlayer创建和移除地图监听事件

qq_39330397的博客

07-13

627

经常用到，但是很难记住。

清除地图事件监听事件

jhnine的博客

12-27

1625

var clickEvent= olMap.on('moveend',function () {} ) ol.Observable.unByKey(clickEvent)

Openlayers3事件体系详解

lsnaruto的博客

01-03

2275

地图上的各种事件触发到底是怎么回事？熟悉前端的肯定知道 JavaScript 的事件机制，openlayers 既然是 javascript 实现的，那么它就也不例外，也遵循 W3C 的标准，只不过是 openlayers 进行的简化实现。文章首先讲解 openlayers 的事件结构实现，然后结合“切片WMS数据源”（ol.source.TileWMS）对象的事件机制进行实例分析。

openlayers中监听地图缩放级别事件moveend

u013594477的专栏

10-19

1万+

在实际需求中需要做到刚进入首页加载一个图层，但是在地图扩大或者缩小到某个级别后需要隐藏图层，因此我们需要对地图的缩放级别进行监听，用到的是moveend事件： map.on("moveend",function(e){ var zoom = map.getView().getZoom(); //获取当前地图的缩放级别 console.log(zoom); if(zoom ...

openlayers第三天

陈家二少的博客

06-06

451

openlayers第三天，多边形查询建议先看一下官网的demo demo里面包含了点、线、多边形和圆，自己再额外加上一个框选，基本就差不错了。核心代码： var draw; // global so we can remove it later function addInteraction() { var value = typeSelect.value; if...

openlayers中map.on()与map.once()区别实战对比

whs15193553607的博客

06-28

403

通过map.on监听moveend地图移动触发事件，测试发现事件会多次触发，每移动一次都会触发到moveend事件。

OpenLayers入门，OpenLayers如何监听加载事件和加载完成事件来实现加载瓦片时显示动图转圈加载进度条（loading spinner），加载完成后隐藏

GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程

07-29

1135

本章使用OpenLayers的加载事件和加载完成事件来简单实现转圈动图，加载进度条来显示OpenLayers瓦片的加载情况。

Vue+OpenLayers7入门到实战：OpenLayers7如何监听加载事件和加载完成事件来实现加载瓦片时显示动图转圈加载进度条（loading spinner），加载完成后隐藏

GIS地图技术分享(GIS入门、Openlayers教程、Leaflet教程)，做最好的GIS地图开发教程

03-10

177

本章介绍如何在地图上使用OpenLayers7的加载事件和加载完成事件来简单实现转圈动图，加载进度条来显示OpenLayers瓦片的加载情况。

Openlayers 教程 05 - feature（图形要素）点击和双击事件

linzi19900517的博客

09-08

3706

Openlayers 教程 - feature（图形要素）点击和双击事件。

Openlayers点击事件多次触发问题

weixin_60823046的博客

12-28

1660

Openlayers点击事件多次触发问题

移动端使用openlayers map点击事件调用两次问题

liuxiaochang_2011的博客

06-05

1386

记录移动端使用openlayers 要使用点击事件时，是这么用的 this.map.on('click',(evt)=>{} 里面调用了vant框架弹出层popup ，调用弹出的时候总是弹出来瞬间就没了很像调用了两次，但是跟踪的时候，click方法里面的内容确实只走了一次，而且不用移动端去测试，改用网页测试这个问题就没有了弄了半天最后查文档结果如下 click（module：ol / MapBrowserEvent〜MapBrowserEvent）-无需拖动即可单击。双击将触...

OpenLayers 3 之事件体系详解

热门推荐

研究与专注

05-04

2万+

地图上的各种事件触发到底是怎么回事？熟悉前端的肯定知道 javascript 的事件机制，openlayers 既然是 javascript 实现的，那么它就也不例外，也遵循 W3C 的标准，只不过是 openlayers 进行的简化实现。文章首先讲解 openlayers 的事件结构实现，然后结合“切片WMS数据源”（ol.source.TileWMS）对象的事件机制进行实例分析。一. 介绍事件机

openlayers移除地图监听事件

01-09

在OpenLayers中，移除地图的监听事件可以通过两种方式实现。第一种方式是使用具名函数作为事件的处理函数，然后使用un方法来移除事件监听。示例如下： ```javascript function handleMapClick(event) { // 处理地图点击事件的逻辑 } // 添加地图点击事件监听 map.on('click', handleMapClick); // 移除地图点击事件监听 map.un('click', handleMapClick); ``` 在该示例中，首先定义了一个具名函数`handleMapClick`，它用来处理地图的点击事件。然后使用`map.on`方法将该函数作为点击事件的处理函数进行注册。最后使用`map.un`方法来移除点击事件的监听。第二种方式是使用匿名函数作为事件的处理函数，然后使用key参数来获取监听事件的唯一标识，进而移除事件监听。示例如下： ```javascript // 添加地图点击事件监听，并将返回的唯一标识key保存 var key = map.on('click', function(event) { // 处理地图点击事件的逻辑 }); // 移除地图点击事件监听 map.unByKey(key); ``` 在该示例中，使用`map.on`方法注册了一个匿名函数作为点击事件的处理函数，并将返回的唯一标识key保存起来。然后使用`map.unByKey`方法通过该标识key来移除点击事件的监听。无论使用哪种方式，都可以实现在OpenLayers中移除地图的监听事件。根据实际需求，选择适合的方式进行操作即可。