在使用 ngmap 的绘制模式时显示现有的多边形

【问题标题】：Display an existing polygon while using draw mode of ngmap在使用 ngmap 的绘制模式时显示现有的多边形
【发布时间】：2017-05-04 12:31:54
【问题描述】：

我能够像this 示例那样做，以便让用户绘制一个多边形并且它工作得很好。现在我想在同一张地图中显示一个现有的多边形。我该怎么做？

解释更多：我在spring boot/angularjs 应用程序中使用了第一个示例作为创建模式。对于编辑模式，我想显示用户已经绘制的多边形，让他再绘制一个。

谁能帮帮我？

【问题讨论】：

标签： javascript angularjs google-maps ng-map

【解决方案1】：

可以在<ng-map> 中使用<shape path="{{vm.paths}}" name="polygon" ></shape> 来做到这一点。感谢this issu 的回答，这才是可能的：

<div ng-app="myapp" ng-controller="DrawingManagerCtrl as vm">
        <ng-map zoom="12" center="28.623457, 77.196452"
                map-type-id="ROADMAP"
                street-view-control-options="{position: 'LEFT_CENTER'}">
            <drawing-manager on-overlaycomplete="vm.onMapOverlayCompleted()"
                             drawing-control-options="{position: 'TOP_CENTER',drawingModes:['polygon','marker']}"
                             drawingControl="true"
                             drawingMode="null"
                             rectangleOptions="{fillColor:'red'}"
                             circleOptions="{fillColor: '#FFFF00',fillOpacity: 1,strokeWeight: 5,clickable: false,zIndex: 1,editable: true}">
            </drawing-manager>


            <shape path="{{vm.paths}}"  name="polygon" ></shape>
        </ng-map>
</div>

【讨论】：