android - 使用 ionic 在屏幕上显示手机的地理位置

Question

我正在学习 ionic，但在屏幕上显示我的 Android 手机的地理位置(纬度和经度)时遇到了问题。我该怎么做？

代码取自https://www.tutorialspoint.com/ionic/ionic_geolocation.htm

.controller('GeoCtrl', function($scope, $cordovaGeolocation) {
   $scope.result = "";
   var posOptions = {timeout: 10000, enableHighAccuracy: false};
   $cordovaGeolocation
   .getCurrentPosition(posOptions)

   .then(function (position) {
      var lat  = position.coords.latitude;
      //$scope.geo.lat = position.coords.latitude;
      var long = position.coords.longitude;
      //$scope.geo.long = position.coords.longitude;
      console.log(lat + '   ' + long)
      $scope.geo = lat + '   ' + long;
   }, function(err) {
      console.log(err)
   });

})

这是我只想显示地理位置的 html:

<ion-view view-title="Submit New Thing">
  <ion-content class="padding">
  <h2>List of items for sale</h2>
     <div >
     <h3> Geo locaton is {{geo}}</h3> 
      </div>
   </ion-content>
</ion-view>

当我在我的手机上测试时，{{geo}} 字面上显示。

Answer 1

回答:我没有在应用程序中注入(inject) ngCordova 依赖项。