code: function mobileMeasureAreaComponent(gmfMobileMeasureAreaTemplateUrl) {
    return {
      restrict: 'A',
      scope: {
        'active': '=gmfMobileMeasureareaActive',
        'precision': '<?gmfMobileMeasureareaPrecision',
        'map': '=gmfMobileMeasureareaMap',
        'sketchStyle': '=?gmfMobileMeasureareaSketchstyle'
      },
      controller: 'GmfMobileMeasureAreaController as ctrl',
      bindToController: true,
      templateUrl: gmfMobileMeasureAreaTemplateUrl,
      /**
       * @param {angular.IScope} scope Scope.
       * @param {JQuery} element Element.
       * @param {angular.IAttributes} attrs Attributes.
       * @param {angular.IController=} controller Controller.
       */
      link: (scope, element, attrs, controller) => {
        if (!controller) {
          throw new Error('Missing controller');
        }
        controller.init();
      }
    };
  }
docs: Provide a directive to do a area measure on the mobile devices.
  
  Example:
  
  <div gmf-mobile-measurearea
  gmf-mobile-measurearea-active="ctrl.measureAreaActive"
  gmf-mobile-measurearea-map="::ctrl.map">
  </div>
  
  @htmlAttribute {boolean} gmf-mobile-measurearea-active Used to active
  or deactivate the component.
  @htmlAttribute {number=} gmf-mobile-measurearea-precision the number of significant digits to display.
  @htmlAttribute {import("ol/Map.js").default} gmf-mobile-measurearea-map The map.
  @htmlAttribute {import("ol/style/Style.js").StyleLike=}
  gmf-mobile-measurearea-sketchstyle A style for the measure area.
  @param {string|function(!JQuery=, !angular.IAttributes=):string}
  gmfMobileMeasureAreaTemplateUrl Template URL for the directive.
  @return {angular.IDirective} The Directive Definition Object.
  @ngInject
  @ngdoc directive
  @ngname gmfMobileMeasureArea