2016-03-30 11 views
1

フォームに記入して地図に挿入した後、送信をクリックすると保存されます。しかしもう一度もう1つ追加すると、マーカーはすでに前の座標の場所に表示されます。ページを手動でリロードすると、マーカーがマップから消えてしまいます。ページを手動で再読み込みせずに削除または非表示にする方法。
HTMLNgmapで動的に追加されたマーカーを非表示または削除する方法

<ng-map zoom="13" center="{{coordinates.lat}},{{coordinates.lng}}" map-type-id="TERRAIN"> 
        <marker></marker> 
        <shape name="polygon" on-click="drawPolygon()" paths={{rectangle}} stroke-color="#ff3232" stroke-opacity="0.8" stroke-weight="2" fill-color="#ff4c4c" fill-opacity="0.35"> 
        </shape> 
        <drawing-manager on-overlaycomplete="insertMarker()" drawing-control-options="{position: 'TOP_CENTER',drawingModes:['marker']}" markerOptions="{icon:'http://www1.durban.gov.za/beachwater/images/markers/orange-dot.png'}" drawingControl="true" drawingMode="null"> 
        </drawing-manager> 
       </ng-map> 


コントローラ

$scope.drawingControlOptions = { 
     position: 'TOP_CENTER', 
     drawingModes: ['polygon', 'marker'] 
    }; 
    $scope.placesCounter = 0; 
    $scope.insertMarker = function(e) { 
     if (e.type == google.maps.drawing.OverlayType.MARKER) { 
      $scope.placesCounter++; 
      if ($scope.placesCounter > 1) 
       e.overlay.setMap(null); //disable marker from diplaying .. 
      var pos = e.overlay.getPosition(); 
      $scope.markercoordinates = pos.toString(); 
     } 
    }; 

とも私は成功の約束で、次のように試してみましたが、

$scope.positions= []; 
place.coordinates=$scope.positions[0]; 

と私としては動作しませんでしたui-routerを使用していますが、私はこのようにページをリロードしようとしました$state.transitionTo('dashboard.places.list', null, { reload: true, inherit: false, notify: true });
これも動作しませんでした。誰でも助けてください。

答えて

2

これはgithubで説明されています。この問題は、ngMapバージョン1.17.1で修正されています。

関連する問題