@dennsp

Яндекс.Карты + Vue (vue-yandex-maps). Как подключить модули?

Пытаюсь воспроизвести вот этот пример Яндекса по рисованию произвольной области на карте с помощью vue.js.

Использую vue-yandex-maps. По самому подключению карт разобрался, но никак не могу понять, как подключить дополнительные модули, как в примере. В примере модуль находится в файле paintOnMap.js, надо подключить его через import, но к моменту подключения ymaps не инициализирована и я получаю ошибку.

Прошу помочь с решением, гугл не помог мне решить задачу

Песочница

62a12ca5e2713675406323.png

<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>
  • Вопрос задан
  • 276 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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