Leaflet.js中点位的交互

在Leaflet.js中，你可以通过多种方式实现地图上点位（Marker或Popup）的交互。以下是一些常见的交互方式：

1. **点击事件（Click Event）**：给Marker添加`on('click')`事件监听器，当用户点击Marker时，回调函数会被触发。例如：

   var marker = L.marker([lat, lng]).addTo(map);
   marker.on('click', function() {
     alert('You clicked the marker!');
   });

2. **鼠标悬停事件（Hover Event）**：`mouseover`和`mouseout`可用于跟踪鼠标是否在Marker上方。例如：

   marker.on('mouseover', function() {
     this.openPopup(); // 显示弹窗
   }).on('mouseout', function() {
     this.closePopup(); // 关闭弹窗
   });

3. **自定义信息窗口（Popup）**：利用`L.Popup`来显示定制的内容，通常关联到Marker，如：

   marker.bindPopup('<b>Hello!</b>').openPopup();

4. **交互式标记（Interactive Markers）**：可以使用像Leaflet.MarkerCluster这样的插件创建可拖拽、旋转或缩放的交互式标记。

5. **事件绑定**：除了基本的点击事件，还可以通过`bindEvent`绑定其他的DOM事件，如`contextmenu`（右键菜单）或`dblclick`（双击）。

6. **监听地图移动事件（Move Event）**：如果你想在地图移动时改变Marker的位置，可以监听`moveend`事件。

要了解更多关于如何在Leaflet中实现交互，请查阅官方文档或相关的教程。