OpenLayers3入门篇-右键事件的绑定

最新推荐文章于 2025-12-28 00:15:00 发布

原创最新推荐文章于 2025-12-28 00:15:00 发布 · 3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#OpenLayers3 #右键事件 #contextmenu #select #e.preventDefault

前端技术专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何在OpenLayers3中实现右键点击事件的绑定。通过使用jQuery生成右键事件，并进一步触发地图选中事件，最终获取到产生右键事件的对象，以便进行后续的操作。

在对OpenLayers3的事件操作中，可以发现event对象是比较重要的，里面包含了促发事件的对象，但是由于在OpenLayers3当中没有单独的右键事件，因此在绑定右键事件的时候，采用的方式是先用jquery的方式产生一个右键事件，再在右键事件中绑定一个选中事件，这样就得到产生右键事件的对象了接着可以对这个对象进行操作。

$(map.getViewport()).on("contextmenu", function(e){
	    	e.preventDefault();	    	
	    	 selectMove.on("select",function(e1){
	    		evt = e1
	    	});
	    	 var jsonData = eval(evt);
	    	// 业务逻辑
	    });		
	}