Standard OpenLayers controls

Currently VueLayers doesn’t has any components for OpenLayers standard controls. And the only way to work with them is through underlying ol.Map instance of the vl-map component. The main goal is to implement an all standard controls to easily work with them as Vue components:

• vl-control-attribution -> Attribution
• vl-control-fullscreen -> FullScreen
• vl-control-mouse-position -> MousePosition
• vl-control-overview-map -> OverviewMap
• vl-control-rotate -> Rotate
• vl-control-scale-line -> ScaleLine
• vl-control-zoom -> Zoom
• vl-control-zoom-slider -> ZoomSlider
• vl-control-zoom-to-extent -> ZoomToExtent
• vl-control-default-set (or some another name) - an extra meta component that will includes standard OpenLayers enabled controls ol/control/defaults

Also an basic control mixin as a base type for all controls should be implemented to allow easy extending.

Usage example:

// by default nothing is enabled
<vl-map ...></vl-map>

// map with default set  of controls
<vl-map ...>
  <vl-control-default-set ...></vl-control-default-set>
</vl-map>

// map with custom controls markup
<vl-map ...>
  <vl-control-zoom ...></vl-control-zoom>
  <vl-control-scale-line ...></vl-control-scale-line>
  ...
</vl-map>

[ghettovoice]

Release as v0.11.5, please upgrade

[ghettovoice]

sorry, I found an error in my example. You should pass array to addControls method:

mapVm.addControls([
    new ScaleLine(...),
    new ....,
  ])

To add single control you can use: mapVm.addControl(new ScaleLine())

UPD: your import of control is correct