how to remove Drawing layer mehr option google map

Question

wie zu entfernen Zeichnung Layer ich bin unter Skript verwenden, aber ich möchte entfernen unter hervorgehobenen Option bitte helfen Sie mir.

 <script type="text/javascript" 
     src="http://maps.google.com/maps/api/js?v=3.21&sensor=false&libraries=drawing"></script> 

ich will diese oly aber Karte zeigen mehr als drei

var RECTANGLE = google.maps.drawing.OverlayType.RECTANGLE; 
    var CIRCLE = google.maps.drawing.OverlayType.CIRCLE; 
    var POLYGON = google.maps.drawing.OverlayType.POLYGON; 

remove highlighted option

Answer 1

Sie können nicht (leicht) entfernen Sie die Hand (wenn Sie wollen, dass, müssen Sie machen Sie Ihre eigene benutzerdefinierte Kontrolle).

Um nur die drei, die Sie wollen, plus die Hand, in der API-Steuerung umfasst nur die, die Sie in der drawingModes Eigenschaft der drawingControlOptions für die Karte wollen:

Codeausschnitt: (basierend aus den example in the documentation)

// This example requires the Drawing library. Include the libraries=drawing // parameter when you first load the API. For example: 
 
// <script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&libraries=drawing"> 
 
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.CIRCLE, google.maps.drawing.OverlayType.POLYGON, google.maps.drawing.OverlayType.RECTANGLE] 
 
    }, 
 
    markerOptions: { 
 
     icon: 'https://developers.google.com/maps/documentation/javascript/examples/full/images/beachflag.png' 
 
    }, 
 
    circleOptions: { 
 
     fillColor: '#ffff00', 
 
     fillOpacity: 1, 
 
     strokeWeight: 5, 
 
     clickable: false, 
 
     editable: true, 
 
     zIndex: 1 
 
    } 
 
    }); 
 
    drawingManager.setMap(map); 
 
}

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

<div id="map"></div> 
 
<!-- Replace the value of the key parameter with your own API key. --> 
 
<script src="https://maps.googleapis.com/maps/api/js?libraries=drawing&callback=initMap" async defer></script>