Leaflet学习之路四——地图事件

leaflet的地图事件主要有以下几类：
1. 图层事件：

baselayerchange，overlayadd，overlayremove，layeradd，layerremove

2.地图状态改变事件
load,upload,move,zoom,zoomed,moveed,resize等

3.弹出框事件
popupopen,popupclose，autopanstart

4.交互事件
click,dbclick,mousedown,mouseup,mouseover,mouseout,mousemove,keypress等
其它的事件大家如果用到再去查文档吧。
事件的调用基本大同小异，这里选几个事件作为范例：

显示鼠标点击位置的经纬度

map.on('click',function (e) {
        L.popup().setLatLng(e.latlng).setContent(e.latlng.toString()).openOn(map)
    })

双击添加注记

 map.on('dblclick',function (e){
       L.marker(e.latlng).addTo(map)
    } )

事件调用就写到这里了，所有事件调用的方法都是相同的，想要实现更复杂的功能无非是多个事件的组合，何时用何事件，这就是javascrit的内容了，最后提一下，关闭事件监听用map.off('click')
后记：写到这里感觉最常用的功能也就这么多了，更复杂的东西用的时候再去学，毕竟一个人的精力是用限的，不可能一下子把所用东西都学会，学了用不到放在脑子里还占内存，如果还要写我打算写一个动态绘图的功能，其实这只是事件和绘图的一个组合，不管接下来我会不会写，最后告诉大家的是，官方文档永远是学习一个新技能最重要的资料，如果文章中有什么不懂的，请查看官方文档说明,如果你需要学习更多的内容，也请看官方文档，当然欢迎大家和我交流，只要我看到，会尽可能回复大家的。

转载于:https://www.cnblogs.com/xtfge/p/9949061.html