Welcome aboard! We are happy you are here and wish you good net-raft!
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="//code.angularjs.org/snapshot/angular.min.js"></script>
</head>
<body ng-app="getmyapp">
<script>
function foo(data) {
angular.module('getmyapp', [])
.controller('myapp', ['$scope', function ($scope) {
$scope.latitude = data.location.latitude;
$scope.longitude = data.location.longitude;
} ]);
}
</script>
<script src="https://geoip.nekudo.com/api?callback=foo"></script>
<div ng-controller="myapp">
<span>{{latitude}}</span></br>
<span>{{longitude}}</span>
</div>
</body>
</html>
// the next way to obtain lat and long with angularjs
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="//code.angularjs.org/snapshot/angular.min.js "></script>
</head>
<body ng-app="getip">
<script>
var app = angular.module('getip', []);
app.controller('myip', function($scope, $http) {
$http.get("https://ipinfo.io/").then(function (response) {
var ip = response.data.ip;
$http.get("http://freegeoip.net/json/" + ip).then(function (response1) {
$scope.latitude = response1.data.latitude;
$scope.longitude = response1.data.longitude;
});
});
});
</script>
<div ng-controller="myip">
<span>{{latitude}}</span></br>
<span>{{longitude}}</span>
</div>
</body>
</html>
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="//code.angularjs.org/snapshot/angular.min.js "></script>
</head>
<body ng-app="getip">
<script>
var app = angular.module('getip', []);
app.controller('myip', function($scope, $http) {
$http.get("http://freegeoip.net/json/").then(function (response) {
$scope.latitude = response.data.latitude;
$scope.longitude = response.data.longitude;
});
});
</script>
<div ng-controller="myip">
<span>{{latitude}}</span></br>
<span>{{longitude}}</span>
</div>
</body>
</html>
The most helpful ANGULARJS solutions