http://googlegeodevelopers.blogspot.com.au/2011/11/の例のように、描画マネージャーを使用するか、カスタムの「円を描く」および「長方形を描く」ボタンを使用して、円/長方形を描画できるGoogleマップを作成しました make-your-map-interactive-with-shape.html
ただし、この例では、形状を選択して削除することができますが、私のバージョンではこれは不可能です。すべての図形が常に選択されているのに、ドキュメントに何も見つかりませんか?
私のコード:
<script type="text/javascript">
function drawCircle(){
console.log("Drawing Circle on Map");
var circleOptions = {
<!--draw the circle in the center of the viewport-->
center : (map.getCenter()),
radius : 1000000,
map: map,
editable: true,
clickable:true
};
circle = new google.maps.Circle(circleOptions);
return false;
}
function drawRectangle(){
console.log("Drawing Rectangle on Map");
var rectOptions = {
<!--draw the circle in the center of the viewport-->
bounds: map.getBounds(),
radius : 1000000,
map: map,
editable: true,
clickable:true
};
rectangle = new google.maps.Rectangle(rectOptions);
return false;
}
function showDrawingManager(){
var managerOptions = {
drawingControl: true,
drawingControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER,
drawingModes: [google.maps.drawing.OverlayType.MARKER, google.maps.drawing.OverlayType.CIRCLE,google.maps.drawing.OverlayType.RECTANGLE]
},
markerOptions: {
editable: true
},
circleOptions: {
editable: true
},
rectangleOptions: {
editable : true
}
}
var drawingManager = new google.maps.drawing.DrawingManager(managerOptions);
drawingManager.setMap(map);
}
</script>