Come aggiornare l'indicatore di mappa nell'applicazione angolare

Question

Quindi ho creato questa applicazione di mappa piccola HERE e, come potete vedere, mostra la posizione corrente, ora il problema è che il marcatore non verrà mostrato nella posizione corrente, Se CTRL+U si vedrà che il codice per il marcatore è:

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

il lat="center.lat" e lon="center.lon" in principio è 0, ora se ho hardcode i valori di lat e lon alla mia posizione attuale, naturalmente l'indicatore mostrerà in la mia posizione attuale, ma come faccio ad aggiornare il valori dinamicamente?

Sto usando angular.js, openLayers3 e openlayers-angular-directive, Quindi, per ripetere la mia domanda, come faccio ad aggiornare il marcatore in modo dinamico?

Answer 1

Utilizzare $timeout anziché setTimeout. Angular non sa che stai modificando lo scope all'interno di setTimeout in modo che non aggiorni la vista.

$timeout utilizza setTimeout() internamente ma chiama anche $apply() per eseguire un digest angolare.

rememeber per iniettare anche controller

Answer 2

Tutto ciò che serve è quello di aggiungere "individuazione automatica: true" al tuo oggetto centrale nel controller.

Come illustrato nello documentation della direttiva.

Inoltre, è necessario mettere il valore legato nel marcatore:

<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

si può provare

<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

buon esempio con il codice a lavorare con la mappa in angolare JS

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