如何在矩形完成后暂时停止绘图

时间:2015-07-31 10:10:19

标签: google-maps google-maps-api-3

请你看看This Demo,让我知道如何停止绘制心情(直到下一次点击矩形绘图按钮)并将光标更改为谷歌地图常规光标(单击点击后的方式)在rectanglecomplete事件监听器中的enter image description here按钮上?

我已经尝试将drawingManager.setMap(null);添加到侦听器中,但这会禁用整个绘图过程。

$(document).ready(function () {
var map;
var drawingManager;
var mapOptions = {
    center: new google.maps.LatLng(-34.397, 150.644),
    zoom: 8,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map(document.getElementById('map'),mapOptions);

var drawingManager = new google.maps.drawing.DrawingManager({
    drawingControlOptions: {
        position: google.maps.ControlPosition.BOTTOM_LEFT,
        drawingModes: [
             google.maps.drawing.OverlayType.RECTANGLE      ]
    }
});

google.maps.event.addListener(drawingManager, 'rectanglecomplete', function (r) {
   // drawingManager.setMap(null);
});

drawingManager.setMap(map);
});

1 个答案:

答案 0 :(得分:6)

来自the documentation

  

drawingMode类型:OverlayType DrawingManager的绘图模式,它定义要在地图上添加的叠加类型。可接受的值为MARKER,POLYGON,POLYLINE,RECTANGLE,CIRCLE或null。绘制模式为null意味着用户可以正常地与地图交互,并且点击不会绘制任何内容。

google.maps.event.addListener(drawingManager, 'rectanglecomplete', function (r) {
   drawingManager.setDrawingMode(null);
});

updated fiddle