2016-06-20 10 views
0

Drawing Layerを削除するには以下のスクリプトを使用していますが、下の強調表示されたオプションを削除してください。Drawing layer more option google map

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

は、私はしたいこれらのオリが、マップのショーより、その後3

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

remove highlighted option

+2

あなたのスクリプトの完全なexempleを投稿することができますか?完全なサンプルページ(完全なHTML/CSS/javascriptページ)を投稿してください。そんなに速い答えを得るでしょう、私を信頼してください。 –

+1

関連する質問:[DrawingManagerから四角形と円形のオプションを削除する方法](http://stackoverflow.com/questions/33701349/how-to-remove-square-and-circle-option-from-drawingmanager) – geocodezip

答えて

1

あなたがする必要があり、それを行うにしたい場合は、(簡単に)(手を削除することはできません独自のカスタムコントロールを作成します)。のみに

API制御で必要な3、プラス手は、唯一あなたがマップのdrawingControlOptionsのdrawingModes財産にしたいものなどが表示さ:

コードスニペットを:(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>