使用Ionic Framework和AngularJS的地理位置标记

时间:2015-10-03 10:45:19

标签: javascript angularjs google-maps ionic

我正在尝试使用Ionic Framework,AngularJS和Google Maps显示用户的当前位置。当前位置的标记未显示。如果存在其他解决方案以显示当前位置的蓝点(如un gmaps),请告诉我。

如果有人能看到我错在哪,请告诉我。谢谢。

控制器:

.controller('GeomapCtrl', function($scope, $rootScope, GeomapService) {

  $scope.$on('mapInitialized', function(event, map) {

    $scope.positions = [];

    $scope.map = map;

    navigator.geolocation.getCurrentPosition(function(position) {
      var pos = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
      $scope.positions.push({lat: pos.k,lng: pos.B});
      console.log(pos);
      $scope.map.setCenter(pos);
    });

  });

})

观点:

<map data-tap-disabled="true" zoom="15" disable-default-u-i="true" default-style="false" style="display:block;height:100%;">
           <marker ng-repeat=" pos in positions" position="{{pos.lat}},{{pos.lng}}"></marker>
    </map>

0 个答案:

没有答案