javascript - 更改 DrawingManager 默认光标

Question

有什么方法可以更改默认的DrawingManager鼠标光标吗？从默认十字线到自定义。

Answer 1

通过 API 是不可能的，但目前光标将通过 map 内 div 的样式属性设置，因此可以选择特定的 div 并覆盖样式。

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    center: {
      lat: -34.397,
      lng: 150.644
    },
    zoom: 8
  });

  var drawingManager = new google.maps.drawing.DrawingManager({
    drawingMode: google.maps.drawing.OverlayType.MARKER,
    drawingControl: true,
    drawingControlOptions: {
      position: google.maps.ControlPosition.TOP_CENTER,
      drawingModes: [
        google.maps.drawing.OverlayType.MARKER,
        google.maps.drawing.OverlayType.CIRCLE,
        google.maps.drawing.OverlayType.POLYGON,
        google.maps.drawing.OverlayType.POLYLINE,
        google.maps.drawing.OverlayType.RECTANGLE
      ]
    }
  });
  drawingManager.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initMap);

html,
body,
#map {
  height: 100%;
  margin: 0;
  padding: 0;
}
#map div[style*='crosshair'] {
  cursor: url("/image/mA4e2.jpg?s=48&g=1")24 24, crosshair !important;
}

<script src="https://maps.googleapis.com/maps/api/js?libraries=drawing&v=3"></script>
<div id="map"></div>