【腾讯地图】webServiceAPI跨域问题解决方案

请求腾讯地图webServiceAPI 跨域问题

请求地图 接口遇到跨域问题，腾讯地图文档说可以用jsonp解决，我是安装了 一个vue-jsonp解决的 如果有更好的办法，希望可以不吝赐教

【腾讯地图】webServiceAPI跨域问题解决方案

1、安装 vue-jsonp

2、在main.js中引入

3、我这里使用的是 搜索的api

腾讯地图API详解

近项目中需要通过用户输入的地址来判断是否在选定的地址范围内，于是想到了使用百度地图的API来通过地址得到经纬度，不过看了半天发现百度的API太不好用了，于是又找了一下腾讯地图的API，功能都写的很清楚，于是决定采用腾讯开放平台的API来实现相关的功能，后来又仔细的看了一下发现腾讯地图的API功能还是很强大的。

《腾讯地图》位置链接获得方法介绍

使用 地图 软件进行 导航 的时候，我们可能需要把自己的位置信息分享给其他的朋友，如果是在使用腾讯地图，该怎么分享位置的链接呢？下面我来为大家讲一讲获得腾讯地图链接的方法。

方法：

1.先打开腾讯地图，然后点击左上角的“地图API”，如图所示。

2.进入腾讯位置服务之后，下拉页面找到“地点搜索”然后点击“查看详情”

3.在入门指南中选择“地图选点组件”，然后点击进入。

4.在打开的地图组件界面中，在左侧选择“位置展示组件”，点击并打开。

5.在打开的界面中向下拉动页面，在调用参数这里点击“坐标拾取器”。

6.在搜索前的输入框中输入需要 定位 的位置，然后点击搜索找到准确的位置信息并获取坐标及地址。

7.回到上一个页面，按照调用的规则替换。

8.把获取的链接地址输入到浏览器地址栏就会得到我们想要的结果了。

9.把获取的地址换成短网址，然后再在线生成二维码，就可以在微信公众平台或者微信中转发使用了。

显示腾讯地图时可以直接调用api不用申请key

题主是否想询问“显示腾讯地图时可以直接调用api不用申请key吗”？不可以。腾讯地图API是由腾讯提供的地理位置服务接口，应用程序接口是由JaScript语言编写。使用腾讯地图需要注册，腾讯位置服务JaScriptAPI采用申请Key策略，接受并认可《腾讯地图API使用条款》，申请Key后按照参考手册进行开发，即可直接调用api，不可以不用申请。

vue 使用 腾讯地图api

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