2015-11-13 31 views
-1

我想知道它,所以我的DrawingManager只能選擇平移和有一個多邊形,但我無法弄清楚如何刪除其餘的選項(折線,正方形,圓形)。 DrawingManager如何從DrawingManager中刪除正方形和圓形選項

我定義了我的DrawingManager並嘗試刪除rectangleOptions和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 
    }); 

這可能嗎?

回答

1

看那sample in the documentation,從drawingControlOptions刪除drawingModes你不想要的:

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>

相關問題