Mapbox GL JS自定义光标

Question

是否有一种简单的方法来为地图添加自定义光标？我下面的代码工作得很好，也很简单，但这只是预定义的选项：

document.getData().get("name") // outputs "Hanna"

是否可能有类似的东西？ ：

map.getCanvas().style.cursor = 'default';

Answer 1

您可以通过mapboxgl画布容器的css更改光标的样式：

.mapboxgl-canvas-container { cursor: url(/path/to/cursor.png), auto !important }

[https://jsfiddle.net/dpbx96of/]

Answer 2

您可以通过将图标转换为.cur文件来实现。 cursor.cc是我用的。

我发现.png无效，但是.cur可行；然后，stdob--的解决方案将起作用：

.mapboxgl-canvas-container { cursor: url(/path/to/cursor.CUR), auto !important }