鼠标单击事件
map.on('singleclick',mapClick);
function mapClick(e){
var pixel = map.getEventPixel(e.originalEvent);
featureInfo = map.forEachFeatureAtPixel(e.pixel, function(feature) {
return feature;
});
if(featureInfo){ //业务处理 }
清除鼠标单击事件
map.un('singleclick',mapClick);
----------------------------------------------------------------------------------------------------------
图片随鼠标滚动缩放事件
// 监听地图层级变化,从而改变图标的大小
var pointStyle=new ol.style.Style({
image: new ol.style.Icon({
src: '........’,
})
});
map.getView().on('change:resolution', function(){
// 重新设置图标的缩放率,基于层级20来做缩放
pointStyle.getImage().setScale(this.getZoom() / 20);
})