tchen-vuelayers/src/component/cluster-source/builder.js

Web map Vue components with the power of OpenLayers

import Cluster from 'ol/source/Cluster'
import { interval } from 'rxjs/observable'
import { first, map, skipWhile } from 'rxjs/operators'
import { ok } from '../../util/assert'

export default class Builder {
  getSource () {
    return this.source
  }
  /**
   * @param {Vector|undefined} value
   * @returns {Builder}
   */
  setSource (value) {
    this.source = value
    return this
  }

  /**
   * @param value
   * @returns {Builder}
   */
  setAttributions (value) {
    this.attributions = value
    return this
  }

  /**
   * @param value
   * @returns {Builder}
   */
  setDistance (value) {
    this.distance = value
    return this
  }

  /**
   * @param value
   * @returns {Builder}
   */
  setGeometryFunction (value) {
    this.geometryFunction = value
    return this
  }

  /**
   * @param value
   * @returns {Builder}
   */
  setLogo (value) {
    this.logo = value
    return this
  }

  /**
   * @param value
   * @returns {Builder}
   */
  setProjection (value) {
    this.projection = value
    return this
  }

  /**
   * @param value
   * @returns {Builder}
   */
  setWrapX (value) {
    this.wrapX = value
    return this
  }

  /**
   * @param key
   * @param value
   * @return {void}
   */
  set (key, value) {
    this.values || (this.values = {})
    this.values[key] = value
  }

  /**
   * @return {Cluster}
   */
  build () {
    ok(this.source, 'source is provided')

    const source = new Cluster({
      attributions: this.attributions,
      distance: this.distance,
      geometryFunction: this.geometryFunction,
      logo: this.logo,
      projection: this.projection,
      source: this.source,
      wrapX: this.wrapX,
    })
    source.setProperties(this.values)

    return source
  }

  /**
   * @return {Promise<Cluster>}
   */
  promise () {
    return interval(100).pipe(
      skipWhile(() => !this.source),
      first(),
      map(::this.build),
    ).toPromise(Promise)
  }
}