【openlayers-4】事件

2023-12-30 20:26:34

常用鼠标事件:

  • 地图鼠标左键单击事件,对应的类为ol.Map,事件名为singleclick。
  • 地图鼠标左键双击事件,对应的类为ol.Map,事件名为dblclick。
  • 地图鼠标点击事件,对应的类为ol.Map,事件名为click。
  • 地图鼠标移动事件,对应的类为ol.Map,事件名为pointermove。
  • 地图鼠标拖拽事件,对应的类为ol.Map,事件名为pointerdrag。
  • 地图移动事件,对应的类为ol.Map,事件名为moveend。
<div id="info" style="background-color: #999;">触发事件提示信息</div>

。。。

map.on('singleclick', function(event){
	document.getElementById('info').innerHTML = '触发了ol.Map的单击事件:singleclick';
});

非直接交互事件:

地图缩放事件,对应的类为ol.View,事件名为change:resolution。

地图中心改变事件,对应的类为ol.View,事件名为change:center。?

<div id="info" style="background-color: #999;">触发事件提示信息</div>

。。。

view.on('change:center', function(event)
{
  document.getElementById('info').innerHTML = '触发了ol.view的地图缩放事件';
});

?

监听事件:

使用openlayer自带的注册事件函数ol.map.on(‘click’,function(e))时,map.getEventCoordinate(event),返回的x、y都是NaN。

// 监听singleclick事件
map.on('click', function(event){
	alert(ol.proj.transform(event.coordinate, 'EPSG:4326', 'EPSG:3857'))
});

文章来源:https://blog.csdn.net/WXG1011/article/details/135308013
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。