宣傳單張 - 如何更改抓取手形光標？

Question

我可能忽略瞭如何在地圖上更改LeftletJS的光標。 http://leafletjs.com/reference.htm

我試過設置map_div.style.cursor = 'crosshair'; - 這個工程適用於其他元素，但不適用於地圖div。我認爲這是因爲Leaflet以某種方式重寫它。

我希望能夠切換到Javascript（和後面）的「十字線」光標。

這可能嗎？

更新：我沒有jQuery。

Answer 1

不能覆蓋，因爲對象不具備支持：

解決方案---創建地圖兼用

JQuery的

$('.leaflet-container').css('cursor','crosshair'); 

或

後

JavaScript

document.getElementById('map').style.cursor = 'crosshair' 
document.getElementById('map').style.cursor = '' //(reset) 

您也可以使用此事件來改變鼠標：

map_div.on('mousedown', function (e) {}) 

Answer 2

另一種方法是have a look at Leaflet's CSS，看看哪些規則定義光標形狀，並覆蓋的CSS規則。

Answer 3

您只需重寫Leaflet的光標樣式。下面的例子將覆蓋默認光標：

.leaflet-grab {cursor: auto;} 

這一個變化，當你拖動地圖光標：

.leaflet-dragging .leaflet-grab {cursor: move;} 

活樣本：Change default Leaflet cursors