角度アプリケーションのマップマーカーを更新するには

Question

この小さな地図アプリケーションを作成しましたHEREこれはあなたの現在の地域を示していますが、現在の場所にはマーカーが表示されません。 CTRL+Uあなたはマーカーのためのコードがあることがわかります。私は私の現在の場所にlatとlonの値をハードコーディングした場合初めに

<openlayers ol-center="center" height="400px"> 
      <ol-marker lat="center.lat" lon="center.lon" message="Your current location." ng-model="center" > 
      </ol-marker> 
</openlayers> 

lat="center.lat"とlon="center.lon"今、0で、ofcourseのマーカーがで表示されます私の現在の場所、しかし私はどのように更新する値は動的ですか？

私は、どのように私は動的にマーカーを更新しない、私の質問を繰り返して、angular.js、openLayers3とopenlayers-angular-directiveを使用していますか？

Answer 1

setTimeoutの代わりに$timeoutを使用してください。 AngularはsetTimeout内のスコープを変更しているためにビューを更新しないことを知りません。

$timeoutは内部でsetTimeout()を使用しますが、角度実行をダイジェストにするには$apply()も呼び出します。お使いのコントローラであなたのセンターオブジェクトに：

も必要なのは「真の自動検出」を追加することで、コントローラ

Answer 2

でそれを注入するrememeber。

指示のdocumentationで説明されているように。

はまた、あなたがマーカーにバインドされた値を配置する必要があります。

<openlayers ol-center="center" height="400px"> 
     <ol-marker lat="{{center.lat}}" lon="{{center.lon}}" message="Your current location." ng-model="center" > 
     </ol-marker> 

Answer 3

あなたは角度JSにマップで動作するようにコードを

<ol-marker ol-marker-properties="center" ></ol-marker> 

angular.extend($scope, { 
      center: { 
       lat: 0, 
       lon: 0, 
       autodiscover: true 
       label: { 
        message: 'Your current location.', 
        show: true, 
        showOnMouseOver: true 
       } 
      } 
     }); 

Answer 4

良い例を試すことができます

http://ngmap.github.io/drawings.html