javascript - VueJS Axios 谷歌地图 API

标签 javascript google-maps vue.js axios

我正在使用[此][1]教程创建 Google map ,现在我想使用 Axios 发出 GET 请求:

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

在 map 中使用我的 json 文件的数据(坐标、折线等)。

问题是 axios 函数内部的所有内容都没有定义!例如我收到错误:

TypeError: Cannot read property 'map' of undefined at eval

有什么方法可以在我的 Axios 函数中使用此 Google map 代码吗?我需要传递纬度、经度和日期/时间对象。

最佳答案

const map = new google.maps.Map(element, options); 创建一个 map 变量,该变量是 mounted 的本地变量> 钩子(Hook)。如果您想在组件的另一个函数中访问 map,请将其添加到 data 属性中并使用 this.map 代替。

关于javascript - VueJS Axios 谷歌地图 API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52020593/

相关文章:

javascript - Bootstrap 响应式移动布局重新排序

javascript - 使用同一个按钮多次触发 JQUERY 函数

javascript - 如何在折线上创建一个标记,该标记与折线上的另一个标记有一定距离 - GoogleMaps API Javascript V3

javascript - Google Maps API 绘图自定义标记 : Need help understanding this example I found

javascript - 通过给定的浏览器 URL 在启动时重定向

javascript - 如何使用 Firebase 9(模块化 sdk)更新 Firebase 实时数据库中的数据

javascript - 将两列作为一个滚动

javascript - 加载极其简单的 Google map "Hello, World"页面时,Chrome 中出现白色闪光

vue.js - vue js 2 对表格进行排序

javascript - 如何在 Vue 中的方法函数之前设置变量(去抖)?