在绘图中更改“绘图模式”谷歌地图v3的管理器

Change "drawingMode" in drawingManager of Google maps v3

本文关键字:绘图 谷歌地图 v3 管理器 绘图模式 模式      更新时间:2023-09-26

看看这段代码:这是一个Google工具,可以在地图上创建一个面板并帮助我们绘制形状。通过drawingMode: google.maps.drawing.OverlayType.CIRCLE我们可以指示在第一次加载时选择了哪个工具,但我想在程序中更改它。例如,我想通过单击按钮将 CIRCLE 更改为多边形。我怎么能做这样的事情?

drawingManager = new google.maps.drawing.DrawingManager({
    drawingMode: google.maps.drawing.OverlayType.CIRCLE,
    drawingControl: true,
    drawingControlOptions: {
        position: google.maps.ControlPosition.TOP_CENTER,
        drawingModes: [google.maps.drawing.OverlayType.CIRCLE,
        google.maps.drawing.OverlayType.RECTANGLE,
        google.maps.drawing.OverlayType.POLYGON
        ]
    }
    });

在您的情况下,如果您想将 drawingMode 更改为 CIRCLE,则必须使用以下 JavaScript:

drawingManager.setDrawingMode(google.maps.drawing.OverlayType.CIRCLE);

这将用上述方法设置的模式覆盖当前使用的绘图模式。这遵循官方谷歌地图文档。

接受的值

google.maps.drawing.OverlayType.MARKER
google.maps.drawing.OverlayType.POLYGON
google.maps.drawing.OverlayType.POLYLINE
google.maps.drawing.OverlayType.RECTANGLE
google.maps.drawing.OverlayType.CIRCLE

取自来源:

公共最终无效集绘图模式(叠加类型绘图模式)

更改绘图管理器的绘图模式,该模式定义了要在地图上添加叠加层。接受的值是标记 , 多边形 ,折线、矩形、圆形或空。空表示的绘制模式用户可以正常与地图交互,而单击不会画任何东西。

这段代码对我有用。但我不知道这是标准方式还是不是?

drawingManager.set('drawingMode');
这是我

的帖子。这将帮助你。我已经做到了以下几点。有三种方法,用于绘制三种不同的形状。(initiatePolygon() , initiateRectangle() , initiateCircle() )

如何在谷歌地图中启用和禁用绘图控制选项?