更改外部按钮上的鼠标光标单击谷歌地图

Question

在我的应用程序中，当我单击外部按钮时，需要将默认鼠标光标从手更改为加号。我该怎么办？

现在使用以下代码，它始终为+。但是只有在单击按钮时，才需要更改更改光标。

       google.maps.event.addListener(map, 'mousemove', function (e) {
                map.setOptions({ draggableCursor: 'crosshair' });
            });

<div class="tool" id="toolbar" style="z-index: 0; position: absolute; left: 0px; top: 320px;">
    <img id="button" class="tool" src="~/Images/ruler.png" alt="Chnage Tool">
</div>

Answer 1

我用CSS做到这一点。该按钮可以切换主体上的类（例如show-crosshair），然后这就是您的CSS：

.show-crosshair .your-map-container-class .gm-style > div {
  cursor: crosshair !important; 
}