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

© 版权声明
THE END
如果内容对您有所帮助,就支持一下吧!
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容