waibu-maps/waibuBootstrap/theme/component/factory/control-center-position.js

Maps for Waibu MPA

import control from './control.js'
const storeKey = 'centerpos'

async function controlCenterPosition () {
  const WmapsControl = await control.call(this)

  return class WmapsControlCenterPosition extends WmapsControl {
    static scripts = [
      ...super.scripts,
      'waibuMaps.asset:/js/control-center-position.js'
    ]

    static css = [
      ...super.css,
      'waibuMaps.asset:/css/control-center-position.css'
    ]

    constructor (options) {
      super(options)
      const { camelCase } = this.plugin.lib._
      this.params.noTag = true
      this.params.html = `<div class="childmap maplibregl-ctrl-centerpos" x-data>
        <div x-show="$store.mapCtrl ? $store.mapCtrl.${camelCase(storeKey)} : true"></div>
      </div>`
    }
  }
}

export default controlCenterPosition