【vue】在vue中使用高德地图API

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了【vue】在vue中使用高德地图API相关的知识,希望对你有一定的参考价值。

参考技术A npm install --save vue-amap

vue 使用 腾讯地图api

参考技术A 最开始是使用axios进行调用腾讯地图api(后面简称api),会出现已拦截跨源请求:同源策略禁止读取位于 xxxx的远程资源。CORS 头缺少 'Access-Control-Allow,这是不允许跨域访问,只能使用 vue-jsonp 组件了。

https://www.npmjs.com/package/vue-jsonp

如果控制台出现了
SyntaxError: unexpected token: ':'
这个提示,请检查output是不是漏传了 或者传了JSONP, 不要大写

好了,就这样,最后一句话是凑字数的,不用看

以上是关于【vue】在vue中使用高德地图API的主要内容,如果未能解决你的问题,请参考以下文章

vue使用高德地图和mars3d地图如何切换

vue 使用 腾讯地图api

学会在Vue项目中插入高德地图JS API与地图的相关设置,看这一篇就够了~(保姆级精简教学)

在vue中使用高德地图vue-amap

iframe嵌入高德地图出现崩溃

高德地图在 vue 项目中的使用