在谷歌地图上点击外部按钮上的鼠标光标

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; 
}