我有三个不同的按钮来绘制形状。单击每个按钮,应启用专用绘图选项,并且其他选项也应禁用。我的代码如下。
drawShape.js文件
以下是我的Javascript代码。我有三种单独的绘制形状的方法(圆形,矩形,多边形)。通过下面的代码,每单击一次,我就会得到一个新的绘图控制器。请我纠正它。
google.maps.visualRefresh = true;
var rectangles = [];
var coordinates = [];
var polygons = [];
var map;
function initiateRectangle(){
//Allowing to draw shapes in the Client Side
var drawRectangleTool = new google.maps.drawing.DrawingManager({
drawingMode: google.maps.drawing.OverlayType.RECTANGLE,
drawingControl: true,
drawingControlOptions: {
position: google.maps.ControlPosition.TOP_CENTER,
drawingModes: [
google.maps.drawing.OverlayType.RECTANGLE
]
}
});
//Loading the drawn shape in the Map.
drawRectangleTool.setMap(map);
google.maps.event.addListener(drawRectangleTool,'overlaycomplete',function(event) {
if(event.type == google.maps.drawing.OverlayType.RECTANGLE) {
drawRectangle(event.overlay.getBounds().getNorthEast().lat(),event.overlay.getBounds().getNorthEast().lng(),event.overlay.getBounds().getSouthWest().lat(),event.overlay.getBounds().getSouthWest().lng());
}
});
}
function initiateCircle() {
//Allowing to draw shapes in the Client Side
var drawingManager …Run Code Online (Sandbox Code Playgroud)