javascript - 使用 ngmap 的绘制模式显示现有多边形

Question

我能够做与 this 相同的事情例如，为了让用户绘制一个多边形，它工作得很好。现在我想在同一 map 内显示现有的多边形。我怎样才能做到这一点？

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

有人可以帮我吗？

Answer 1

可以使用 <shape path="{{vm.paths}}" name="polygon" ></shape> 来做到这一点里面<ng-map> 。感谢this的解答问题，这是可能的:

<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>