2017-05-04 57 views
1

为了让用户绘制一个多边形并且它完美地工作,我能够做到和this一样。现在我想在同一张地图内显示一个现有的多边形。我怎样才能做到这一点?在使用ngmap的绘制模式时显示现有的多边形

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

任何人都可以帮助我吗?

回答

0

有可能在<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>