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')
后记:写到这里感觉最常用的功能也就这么多了,更复杂的东西用的时候再去学,毕竟一个人的精力是用限的,不可能一下子把所用东西都学会,学了用不到放在脑子里还占内存,如果还要写我打算写一个动态绘图的功能,其实这只是事件和绘图的一个组合,不管接下来我会不会写,最后告诉大家的是,官方文档永远是学习一个新技能最重要的资料,如果文章中有什么不懂的,请查看官方文档说明,如果你需要学习更多的内容,也请看官方文档,当然欢迎大家和我交流,只要我看到,会尽可能回复大家的。

posted @ 2018-05-10 20:21  xtfge0915  阅读(2165)  评论(0编辑  收藏  举报