How do I change the map cursor

Maps SDK for Web (JavaScript)
#1

I need to change the map cursor, and I have the css like on ‘html,body,.tomtom-map’ this rule,
.custom-cursor {
cursor: url(/location-26.png) 12 25, pointer !important;
}
But this rule seems not working for the map. outside the map is ok.

I am using v4 of the web sdk.
Thanks a lot.

#2

Hi.

To enable or disable custom cursor you need to use the following code:

tomtom.L.DomUtil.addClass(map._container, 'cursor-class');

whereas in CSS we have:

.leaflet-container.cursor-class {
    cursor: move;
}

I hope this helps a little bit.

Regards,
Mateusz