My mistake
HTML
<script src="http://www.cs.ucy.ac.cy/~glarko01/rayz/js/geoPosition.js"></script>
<div ng-app="myApp" ng-controller="AppController">
<ul>
<li ng-model="position.longitude">Longitude: {{position.longitude}}</li>
<li ng-model="position.latitude">Latitude: {{position.latitude}}</li>
<li ng-model="position.accuracy">Accuracy: {{position.accuracy}}</li>
</ul>
</div>
JavaScript
var test = angular.module('myApp', []);
test.factory('position', ['$http', function ($http) {
var position = {
longitude: "N/A",
latitude: "N/A",
accuracy: "N/A",
getPosition: function (call_back) {
if (geoPosition.init()) {
geoPosition.getCurrentPosition(call_back, position.geoError);
}
},
geoSuccess: function (p) {
position.latitude = p.coords.latitude;
position.longitude = p.coords.longitude;
position.accuracy = p.coords.accuracy;
position.geoUpdate(position.latitude, position.longitude, position.accuracy);
},
geoError: function () {
alert("Could not find you!");
},
geoUpdate: function (latitude, longitude, accuracy) {
var successCallback = function (data, status, headers, config) {
console.log("success");
}
var errorCallback = function (data, status, headers, config) {
console.log("error");
};
var data = {};
data.userId = "1";
data.latitude = latitude;
data.longitude = longitude;
data.accuracy = accuracy;
//$http.post(updateUserURL, data).success(successCallback).error(errorCallback);
}
};
return position;
}]);
function AppController($scope, position) {
$scope.position = {};
$scope.position.longitude = "N/A";
$scope.position.latitude = "N/A";
$scope.position.accuracy = "N/A";
position.getPosition(function (p) {
$scope.$apply(function () {
$scope.position.latitude = p.coords.latitude;
$scope.position.longitude = p.coords.longitude;
$scope.position.accuracy = p.coords.accuracy;
});
});
}
AppController.$inject = ['$scope', 'position'];