Class: directive_ directive:ngeoDrawfeature

ngeo.draw.module:component.directive_

new directive_()

Directive used to draw vector features on a map. Example:

<ngeo-drawfeature
    ngeo-btn-group
    class="btn-group"
    ngeo-drawfeature-active="ctrl.drawActive"
    ngeo-drawfeature-map="::ctrl.map">
  <a
    href
    translate
    ngeo-btn
    ngeo-drawpoint
    class="btn btn-default ngeo-drawfeature-point"
    ng-class="{active: dfCtrl.drawPoint.active}"
    ng-model="dfCtrl.drawPoint.active"></a>
  <a
    href
    translate
    ngeo-btn
    ngeo-measurelength
    class="btn btn-default ngeo-drawfeature-linestring"
    ng-class="{active: dfCtrl.measureLength.active}"
    ng-model="dfCtrl.measureLength.active"></a>
  <a
    href
    translate
    ngeo-btn
    ngeo-measurearea
    class="btn btn-default ngeo-drawfeature-polygon"
    ng-class="{active: dfCtrl.measureArea.active}"
    ng-model="dfCtrl.measureArea.active"></a>
  <a
    href
    translate
    ngeo-btn
    ngeo-measureazimut
    class="btn btn-default ngeo-drawfeature-circle"
    ng-class="{active: dfCtrl.measureAzimut.active}"
    ng-model="dfCtrl.measureAzimut.active"></a>
  <a
    href
    translate
    ngeo-btn
    ngeo-drawrectangle
    class="btn btn-default ngeo-drawfeature-rectangle"
    ng-class="{active: dfCtrl.drawRectangle.active}"
    ng-model="dfCtrl.drawRectangle.active"></a>
  <a
    href
    translate
    ngeo-btn
    ngeo-drawtext
    class="btn btn-default ngeo-drawfeature-text"
    ng-class="{active: dfCtrl.drawText.active}"
    ng-model="dfCtrl.drawText.active"></a>
</ngeo-drawfeature>
HTML attributes:
Name Type Attributes Description
ngeo-drawfeature-active boolean Whether the directive is active or not.
ngeo-drawfeature-features ol.Collection <optional>
The features collection in which to push the drawn features. If none is provided, then the `ngeoFeatures` collection is used.
ngeo-drawfeature-map ol.Map The map.
ngeo-drawfeature-showmeasure. boolean Checks the checkbox in order to display the feature measurements as a label. Default to false.
Returns:
angular.Directive

The directive specs.