new drawfeatureDirective()
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.