相关疑难解决方法(0)

如何在Google地图中启用和禁用drawingControlOptions?

我有三个不同的按钮来绘制形状。单击每个按钮,应启用专用绘图选项,并且其他选项也应禁用。我的代码如下。

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)

google-maps google-maps-api-3 google-maps-markers

3
推荐指数
1
解决办法
7519
查看次数