ionic display latitude and longitude in view

0

I created an ionic project with the following view:

<ion-view> <!-- Inicia view -->
  <ion-nav-title>BioCalc - {{pageTitle}}</ion-nav-title>
  <ion-content> <!-- Inicia conteudo da view -->
    <p>Lorem Ipsum é simplesmente uma simulação de texto da indústria tipográfica e de impressos, e vem sendo utilizado desde o século XVI, quando um impressor desconhecido pegou uma bandeja de tipos e os embaralhou para fazer um livro de modelos de tipos. Lorem Ipsum sobreviveu não só a cinco séculos, como também ao salto para a editoração eletrônica, permanecendo essencialmente inalterado. Se popularizou na década de 60, quando a Letraset lançou decalques contendo passagens de Lorem Ipsum, e mais recentemente quando passou a ser integrado a softwares de editoração eletrônica como Aldus PageMaker.</p>
    <br />
    {{LAT}}
    

      <a href="#/principal"> <button class="button button-full button-positive">
        <i class="icon ion-arrow-right-c"></i>
        Usar o app :)</button>
      </a>

  </ion-content> <!-- fim do conteudo da view -->
</ion-view> <!-- fim da view -->

And my controller looks like this:

angular.module('starter', ['ionic', 'ngCordova'])

.controller('HomeController', function($scope, $http, $state, $stateParams, $cordovaGeolocation) { // cria controller passando para view a var scope
  $scope.pageTitle = 'Apresentação';
  $cordovaGeolocation.getCurrentPosition(posOptions)
	
   .then(function (position) {
      var posOptions = {timeout: 10000, enableHighAccuracy: false};
      var lat  = position.coords.latitude
      $scope.LAT = position.coords.latitude
      var long = position.coords.longitude
      console.log(lat + '   ' + long)
   }, function(err) {
      console.log(err)
   });

   var watchOptions = {timeout : 3000, enableHighAccuracy: false};
   var watch = $cordovaGeolocation.watchPosition(watchOptions);
	
   watch.then(
      null,
		
      function(err) {
         console.log(err)
      },
		
      function(position) {
         var lat  = position.coords.latitude
         var long = position.coords.longitude
         console.log(lat + '' + long)
      }
   );

   watch.clearWatch();
   
})

I've already added the geolocation library of Cordova ... When I run the device in addition to the lock view it does not display anything ... How can I make a function to display? Thanks

    
asked by anonymous 31.08.2016 / 14:51

1 answer

1

I had the same doubt, I decided. I have this post if you want to take a look.

Ionic show latitude and longitude in view

    
14.09.2016 / 16:25