VueJS Axios Google Map API

Question

Я использую [this] [1] учебник для создания карты Google, и теперь я хочу сделать GET-запрос с Axios:

axios.get("http://localhost:8080/mapjson").then(function(response) { })

, чтобы использовать данные моего файла json на карте(координаты, полилинии и т. д.).

Проблема в том, что все внутри функции axios не определено!Например, я получаю сообщение об ошибке:

TypeError: Невозможно прочитать свойство 'map' из undefined на eval

Есть ли способ использовать этот код Google Map внутри моего Axiosфункционировать?Мне нужно передать широту, долготу и объект даты / времени.

Answer 1

Строка const map = new google.maps.Map(element, options); создает переменную map, локальную для ловушки mounted.Если вы хотите получить доступ к map в другой функции компонента, добавьте его в свойство data и используйте вместо него this.map.