Как удалить квадрат и круг из DrawingManager

Question

Я использую tyring, чтобы мой DrawingManager имел возможность панорамировать и иметь многоугольник, но я не могу понять, как удалить остальные опции (полилиния, квадрат, круг). .

Я определяю свой DrawingManager и попытался удалить прямоугольникОпции и circleOptions, но это, кажется, ничего не делает.

var polyOptions = { 
     strokeWeight: 0, 
     fillOpacity: 0.45, 
     editable: true 
    }; 

    drawingManager = new google.maps.drawing.DrawingManager({ 
     markerOptions: { 
      draggable: true 
     }, 
     polylineOptions: { 
      editable: true 
     }, 
     polygonOptions: polyOptions, 
     map: map 
    }); 

Это можно сделать?

Answer 1

Посмотрите на sample in the documentation, удалите drawingModes из drawingControlOptions, что вы не хотите:

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.POLYGON 
     ] 
    }, 
    }); 
    drawingManager.setMap(map); 
} 

фрагмент кода:

function initMap() { 
 
    var map = new google.maps.Map(document.getElementById('map'), { 
 
    center: { 
 
     lat: -34.397, 
 
     lng: 150.644 
 
    }, 
 
    zoom: 8 
 
    }); 
 
    var polyOptions = { 
 
    strokeWeight: 0, 
 
    fillOpacity: 0.45, 
 
    editable: true 
 
    }; 
 
    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.POLYGON 
 
     ] 
 
    }, 
 
    markerOptions: { 
 
     draggable: true 
 
    }, 
 
    polylineOptions: { 
 
     editable: true 
 
    }, 
 
    polygonOptions: polyOptions, 
 
    }); 
 
    drawingManager.setMap(map); 
 
} 
 
google.maps.event.addDomListener(window, "load", initMap);

html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}

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