tchen-vuelayers/src/mixin/features-container.js

Web map Vue components with the power of OpenLayers

import Feature from 'ol/Feature'
import Vue from 'vue'
import { initFeature } from '../ol-ext/feature'
import { instanceOf } from '../util/assert'
import { isPlainObject } from '../util/minilo'
import projTransforms from './proj-transforms'

const methods = {
  /**
   * @return {IndexedCollectionAdapter|SourceCollectionAdapter}
   * @protected
   */
  getFeaturesTarget () {
    throw new Error('Not implemented method')
  },
  /**
   * @param {Array<(Feature|Vue|Object)>} features
   * @return {void}
   */
  addFeatures (features) {
    features.forEach(::this.addFeature)
  },
  /**
   * @param {Feature|Vue|Object} feature
   * @return {void}
   */
  addFeature (feature) {
    if (feature instanceof Vue) {
      feature = feature.$feature
    } else if (isPlainObject(feature)) {
      feature = this.readFeatureInDataProj(feature)
    }
    instanceOf(feature, Feature)

    this.prepareFeature(feature)

    if (!this.getFeaturesTarget().has(feature)) {
      this.getFeaturesTarget().add(feature)
    }
  },
  /**
   * @param {Array<(Feature|Vue|Object)>} features
   * @return {void}
   */
  removeFeatures (features) {
    features.forEach(::this.removeFeature)
  },
  /**
   * @param {Feature|Vue|Object} feature
   * @return {void}
   */
  removeFeature (feature) {
    if (feature instanceof Vue) {
      feature = feature.$feature
    } else if (isPlainObject(feature)) {
      // feature = this._features[feature.id]
      feature = this.getFeatureById(feature.id)
    }
    if (!feature) return

    if (this.getFeaturesTarget().has(feature)) {
      this.getFeaturesTarget().remove(feature)
    }
  },
  /**
   * @return {void}
   */
  clearFeatures () {
    this.getFeaturesTarget().clear()
  },
  /**
   * @param {string|number} id
   * @return {Feature|undefined}
   */
  getFeatureById (id) {
    return this.getFeaturesTarget().findByKey(id)
  },
  /**
   * @return {Feature[]}
   */
  getFeatures () {
    return this.getFeaturesTarget().elements
  },
  /**
   * @returns {Object}
   * @protected
   */
  getServices () {
    const vm = this

    return {
      get featuresContainer () { return vm },
    }
  },
  /**
   * @param {Feature} feature
   * @return {Feature}
   * @protected
   */
  prepareFeature (feature) {
    return initFeature(feature)
  },
}

export default {
  mixins: [projTransforms],
  methods,
}