mapbox-gl开发教程（八）：地图事件

在地图的开发过程中，和地图进行交互，涉及到地图相关的操作事件，mapbox-gl提供了鼠标操作、触摸、地图事件周期等事件以供使用。

mapbox-gl的事件是通过on进行添加，off进行移除，还有once只执行一遍即移除，事件的相关示例代码：

map.on('click', (e) => {

console.log(`地图鼠标点击${e.lngLat}`);

});

事件能执行off，要把事件单独提出来，listener是必须的：

function mapclick(e)
{   

console.log(`地图鼠标点击${e.lngLat}`);

}

map.off('click',mapclick);

事件只执行一次即关闭
map.once('click', (e) => {

console.log(`地图鼠标点击${e.lngLat}`);

});

鼠标事件设置特定图层的点击，其他图层不响应
map.on('click','layerid',(e) => {

console.log(`特定图层的鼠标点击${e.lngLat}`);

});

同一个事件，map.on多次执行，事件同样会添加对应的次数，这个在执行的时候要注意，防止重复的事件发生。
mapbox-gl支持的事件文档地址：
https://docs.mapbox.com/mapbox-gl-js/api/map/#map-events