将动态矩形限制为一个

时间:2016-02-05 11:05:34

标签: javascript angularjs google-maps ng-map

在下面的plunker中,我可以通过选择多边形工具来添加这么多的多边形。但我需要将其限制为只有一个。添加一个多边形后,它应该禁用,或者用户不能在地图上放置另一个多边形。 我使用过ngMap https://ngmap.github.io/

几乎相同的limit the dynamic markers to one副本。但我无法做矩形。

   <ng-map zoom="13" center="37.774546, -122.433523"
            map-type-id="ROADMAP"
            street-view-control-options="{position: 'LEFT_CENTER'}">
        <drawing-manager on-overlaycomplete="onMapOverlayCompleted()"
                         drawing-control-options="{{drawingControlOptions}}"
                         drawingControl="true"
                         drawingMode="null"
                         rectangleOptions="{fillColor:'red'}"
                         circleOptions="{fillColor: '#FFFF00',fillOpacity: 1,strokeWeight: 5,clickable: false,zIndex: 1,editable: true}">
        </drawing-manager>
    </ng-map>

1 个答案:

答案 0 :(得分:2)

试试这个plunker

if (e.type == "rectangle") {
   $scope.drawingControlOptions.drawingModes.splice(0, 1);//remove marker mode
}

e.type在这里是字符串。你需要从数组的 0 位置删除“矩形”。