A simple angularjs directive to open a link with system map client

directive.js

app.directive('mapScheme', function($window) {
  return {
    restrict: 'A',
    link: function(scope, element, attr) {
      if (attr.mapScheme != null) {
        element.on('click', function() {
          $window.open(encodeURI(attr.mapScheme), '_system', 'location=no');
        });
      }
    }
  };
});

template.html

<p>
  Test with links:
  <a map-scheme="http://maps.apple.com/?ll=31.228666, 121.434493" href="">
    Link to Apple maps
  </a>
</p>