AngularJS Geolocation Directive

AngularJS Geolocation Directive

angular
.module('directives', [])
.directive('geolocation', function($window) {
  return {
    restrict: "E",
    template: '<div></div>',
    link: function (scope, element, attrs) {
      if ($window.navigator && $window.navigator.geolocation) {
        $window.navigator.geolocation.getCurrentPosition(function(position) {
          element.html('<div>Your geolocation is latitude:<span id="latitude"></span> and longitude:<span id="longitude"></span></div>');
          element.find('#latitude').text(position.coords.latitude);
          element.find('#longitude').text(position.coords.longitude);
        }, function(error) {
          element.text("Your geolocation is not available");
        });
      }
    }
  }
});