serii81
@serii81
Я люблю phр...

Как использовать vue cli пакет в файле php?

Добрый день.
На сайте wordpress, на странице нужно разработать сложную форму с картой.
Следует использовать vue inilne, и подключить vue через cdn.

Хочу использовать такой пакет https://github.com/SeteMares/vue-mapkit, который работает только через cdn.

Есть ли какой-либо подход, чтобы использовать cli библиотеки inline, если в документации такой возмжности не описано?

<script>
import Vue from 'vue'
import VueMapkit from 'vue-mapkit'

Vue.use(VueMapkit, {
    authorizationCallback(done) {
        // provide mapkit jwt here
        done(process.env.VUE_APP_MAPKIT_JWT)
    },
    // you can use options from mapkit documentation as well
    language: 'ja',
})
</script>

<code>
<script>
import { createMapkit } from 'vue-mapkit'

export default {
  data(){
    return { map: null }
  }
  computed: {
      map_id() {
          return `map-${this._uid}`
      },
    },
    mounted() {
      createMapkit(this.map_id, { language: 'ja' }).then(map => {
        // use `map` to perform any changes
        this.map = map
        const self = this
        window.mapkit.addEventListener('configuration-change', function configurationChanged() {
           self.map.center = new window.mapkit.Coordinate(36.2048225, 138.2529297)
           self.map.cameraDistance = 1000000
           window.mapkit.removeEventListener('configuration-change', configurationChanged)
        })

      })
    }
  }

}
</script>
<template>
    <div :id="map_id" style="height: 300px;"></div>
</template>
</code>
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы