2017-05-04 47 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>