Как получить инстанc яндекс.карты в методах компонента Vue?
При запуске приложения карта открывается и центрируется на местонахождении пользователя. Инициализация карты реализована в хуке mounted(). Теперь мне нужно создать метод для добавления маркеров на карту, но в methods я не могу получить инстанс карты. Вот код, сильно не бейте. Также пробовал подключать карты с помощью vue-yandex-map, подключить получилось, а как работать с ней не разобрался. Спасибо всем кто откликнулся.
<template>
<div
id="map"
class="ymap-container"
></div>
</template>
<script>
import {loadYmap} from 'vue-yandex-maps'
export default {
name: 'LocationMap',
data() {
return {
name: '',
coords: [],
settings: {
apiKey: '7f037fcc-21f0-4c1b-ad6e-1f292ef45a2f',
lang: 'ru_RU',
coordorder: 'latlong',
version: '2.1'
},
}
},
async mounted() {
await loadYmap({ ...this.settings, debug: true })
ymaps.ready(function () {
ymaps.geolocation.get()
.then((res) => {
const [long, lat] = res.geoObjects.position
let myMap = new ymaps.Map("map", {
center: [long, lat],
zoom: 7
})
console.log(myMap)
})
.catch(e => {
console.log('Ошибка: ' + err)
})
})
}
}
</script>
<style scoped>
.ymap-container {
width: 750px;
height: 500px;
border: 1px solid #ccc;
border-radius: 3px;
}
</style>