Leaflet 修改地图上鼠标形状

先定义好鼠标cursor 的样式, 比如我想在某一个操作的时候让鼠标换成手指形式,
当然也可以是自定义图片之类的

.leaflet-cursor-pointer {
    cursor:pointer;
 /* cursor:url('../images/myCursor.png'), auto} */
}

在需要修改地图上鼠标形状的地方加如下代码

// 你当前的地图组件的对象应为是  'map'..
 L.DomUtil.addClass(map._container,'leaflet-cursor-pointer');

需要改回原来的形状则

  L.DomUtil.removeClass(map._container,'leaflet-cursor-pointer');

DomUtil 提供了很多API,可以参考官网:
https://leafletjs.com/reference-1.7.1.html#domutil

你可能感兴趣的:(Leaflet 修改地图上鼠标形状)