leaflet 切换鼠标形态

Leaflet 是一个用于创建交互式地图的开源 JavaScript 库。在 Leaflet 中，切换鼠标形态通常指的是改变鼠标指针在地图上的样式，以反映用户的交互状态。这可以通过监听地图事件并设置相应的 CSS 样式来实现。

例如，你可能希望在鼠标悬停在地图上的特定元素上时，将鼠标指针变为手型指针（pointer），以表示可以进行交互操作。而当鼠标离开该区域时，可以恢复默认的箭头样式。

以下是一个简单的示例代码，展示如何在 Leaflet 中切换鼠标形态：

// 初始化地图
var map = L.map('map').setView([51.505, -0.09], 13);

// 添加地图图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);

// 监听地图的 mouseover 事件，改变鼠标形态
map.on('mouseover', function () {
    map.getContainer().style.cursor = 'pointer'; // 更改为手型指针
});

// 监听地图的 mouseout 事件，恢复默认鼠标形态
map.on('mouseout', function () {
    map.getContainer().style.cursor = 'default'; // 恢复默认鼠标样式
});

在上述代码中，我们使用了 `mouseover` 和 `mouseout` 事件来监听鼠标在地图上移动的行为，并通过修改地图容器的 `style.cursor` 属性来改变鼠标指针的样式。