code: function mobileMeasureLenthComponent(gmfMobileMeasureLengthTemplateUrl) {
    return {
      restrict: 'A',
      scope: {
        'active': '=gmfMobileMeasurelengthActive',
        'precision': '<?gmfMobileMeasurelengthPrecision',
        'map': '=gmfMobileMeasurelengthMap',
        'sketchStyle': '=?gmfMobileMeasurelengthSketchstyle'
      },
      controller: 'GmfMobileMeasureLengthController as ctrl',
      bindToController: true,
      templateUrl: gmfMobileMeasureLengthTemplateUrl,
      /**
       * @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 length measure on the mobile devices.
  
  Example:
  
  <div gmf-mobile-measurelength
  gmf-mobile-measurelength-active="ctrl.measureLengthActive"
  gmf-mobile-measurelength-map="::ctrl.map">
  </div>
  
  @htmlAttribute {boolean} gmf-mobile-measurelength-active Used to active
  or deactivate the component.
  @htmlAttribute {number=} gmf-mobile-measurelength-precision the number of significant digits to display.
  @htmlAttribute {import("ol/Map.js").default} gmf-mobile-measurelength-map The map.
  @htmlAttribute {import("ol/style/Style.js").StyleLike=}
  gmf-mobile-measurelength-sketchstyle A style for the measure length.
  @param {string|function(!JQuery=, !angular.IAttributes=):string}
  gmfMobileMeasureLengthTemplateUrl Template URL for the directive.
  @return {angular.IDirective} The Directive Definition Object.
  @ngInject
  @ngdoc directive
  @ngname gmfMobileMeasureLength