Пытаюсь воспроизвести вот этот
пример Яндекса по рисованию произвольной области на карте с помощью vue.js.
Использую vue-yandex-maps. По самому подключению карт разобрался, но никак не могу понять, как подключить дополнительные модули, как в примере. В примере модуль находится в файле paintOnMap.js, надо подключить его через import, но к моменту подключения ymaps не инициализирована и я получаю ошибку.
Прошу помочь с решением, гугл не помог мне решить задачу
Песочница
<template>
<div id="app">
<yandex-map
ref="map"
:coords="[55.72, 37.65]"
zoom="10"
style="width: 100%; height: 600px"
:controls="[]"
@map-was-initialized="onInitMap"
>
</yandex-map>
</div>
</template>
<script>
import { yandexMap } from "vue-yandex-maps";
import './paintOnMap.js'
export default {
name: "App",
components: {
yandexMap,
},
data() {
return {
map: null,
};
},
methods: {
onInitMap(map) {
this.map = map;
// ymaps
},
},
};
</script>
<style>
</style>