【openlayers-4】事件

常用鼠标事件：

• 地图鼠标左键单击事件，对应的类为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'))
});