click：用户在地图上单击时触发。

map.on('click', function(event) {    // 处理点击事件，event.latlng 提供点击位置的经纬度});

dblclick：用户在地图上双击时触发。

map.on('dblclick', function(event) {    // 处理双击事件});

mousedown, mouseup, mousemove：分别对应鼠标按下、抬起、移动时触发。

map.on('mousedown', function(event) {    // 鼠标按下});map.on('mouseup', function(event) {    // 鼠标抬起});map.on('mousemove', function(event) {    // 鼠标移动});

mouseover, mouseout：鼠标光标移入和移出地图时触发。

map.on('mouseover', function(event) {    // 鼠标移入});map.on('mouseout', function(event) {    // 鼠标移出});

contextmenu：用户在地图上右键点击时触发。

map.on('contextmenu', function(event) {    // 处理右键菜单事件});

zoomstart, zoomend：地图开始和结束缩放时触发。

map.on('zoomstart', function() {    // 地图开始缩放});map.on('zoomend', function() {    // 地图缩放结束});

dragstart, drag, dragend：用户开始拖动、拖动中和拖动结束时触发。

map.on('dragstart', function() {    // 开始拖动});map.on('drag', function(event) {    // 拖动中});map.on('dragend', function() {    // 拖动结束});

layeradd, layerremove：地图上添加或移除图层时触发。

map.on('layeradd', function(event) {    // 图层被添加});map.on('layerremove', function(event) {    // 图层被移除});

popupopen, popupclose：弹出框打开和关闭时触发。

map.on('popupopen', function(event) {    // 弹出框打开});map.on('popupclose', function(event) {    // 弹出框关闭});

baselayerchange：当基础图层改变时触发（如使用图层控制）。

var baseLayers = {    "OpenStreetMap": L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {        attribution: '© OpenStreetMap'    }),};L.control.layers(baseLayers).addTo(map);map.on('baselayerchange', function(eventLayer) {    // 基础图层变更});

鼠标进出事件（mouseover/mouseout）

该示例演示了如何在用户的鼠标光标进入或离开地图时显示特定的提示信息。

map.on('mouseover', function(event) {    alert('鼠标光标进入地图');});map.on('mouseout', function(event) {    alert('鼠标光标离开地图');});

鼠标点击弹出弹出框显示明星名片

该示例展示了在用户点击地图时弹出一个人名片， Tips 在点击位置显示。

map.on('click', function(event) {    L.popup()    .setContent('
    
     名片内容
    
')    .openLayers()    .addTo(map);});

设置右键菜单，配置相应的功能

该示例演示了如何在用户右键点击时调用自定义菜单功能，例如选择不同的层级或其他操作。

map.on('contextmenu', function(event) {    var popup = L.popup()        .setContent(            '
    
 
     
 选项: 
     
 
     放大 | 
     
 
     缩小 
    
'        )        .addTo(map);    popup.openPopup(event.latlng);});

移动鼠标显示经纬度坐标

该示例演示了在用户的鼠标移动地图时，实时显示当前光标位置的经度和纬度。

map.on('mousemove', function(event) {    var lat = event.latlng.lat.toFixed(4);    var lng = event.latlng.lng.toFixed(4);    alert(lat + ', ' + lng + ', 光标位置');});