Изменить курсор мыши на нажатие внешней кнопки на карте Google

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