前端web用腾讯地图api根据地址获取经纬度

需求：使用腾讯地图，通过输入的地址获取经纬度
1.先引入腾讯地图，参考https://blog.csdn.net/l13620804253/article/details/117254651
2.要调用腾讯地图API获取当前位置的经纬度，需要使用腾讯地图位置服务https://apis.map.qq.com/ws/geocoder/v1/接口（附上楼梯https://lbs.qq.com/service/webService/webServiceGuide/webServiceGeocoder），该接口前端直接正常请求会跨越，需要jsonp来避免报错；
3.引入jsonp：
1）安装vue-jsonp：

npm install vue-jsonp --save

2）在main.js中导入：

import { VueJsonp } from 'vue-jsonp'
Vue.use(VueJsonp）

4.定义方法：

// 根据地址获取坐标addrToGetCoordinate(addr) {this.$jsonp('https://apis.map.qq.com/ws/geocoder/v1/', {key: 'ZBABZ-S5LKO-AQAWR-SNHUD-V3AQS-MSBMB',output: 'jsonp',address: addr}).then((res) => {console.log(res)if (res.status === 0) {// 处理得到的经纬度this.coordinate.lat = res.result.location.lat.toFixed(6)this.coordinate.lng = res.result.location.lng.toFixed(6)this.postForm.store_longitude = res.result.location.lngthis.postForm.store_latitude = res.result.location.lat// 用获取到的经纬度，修改地图的中心点this.changeCenter(res.result.location.lat.toFixed(6), res.result.location.lng.toFixed(6))}}).catch((e) => {console.log(e)})},

5.然后在对应的地方使用；

以上就是web端腾讯地图，通过地址获取经纬度的方法，记得关注点赞~~摸摸哒

前端web用腾讯地图api根据地址获取经纬度相关推荐

vue 高德地图API根据地址获取经纬度/根据经纬度获取地址
1.引入 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&am ...
使用腾讯地图批量转换地址为经纬度坐标
前言两年前写过一篇使用R+百度地图批量获取经纬度坐标的文章https://blog.csdn.net/lpwmm/article/details/79202592,后来挺多人反馈按照文档操作后无法获 ...
vue仅使用腾讯地图根据城市名称获取经纬度
方式一: 下载插件 1.下载 npm install qqmap --save 1 2.使用 // 2.1引入 import maps from 'qqmap' export default { ...
springboot8==调用百度地图API从浏览器获取经纬度，后端使用geodesy依赖计算配送距离
见百度地图API调用文档 jspopularGL | 百度地图API SDK ================  <scri ...
百度地图API调用实现获取经纬度以及标注
一.申请AK 百度搜索百度地图API,进入官网文档,按照官网文档提示注册百度账号并申请AK.申请AK 填写相关信息,应用名称随意.应用类型根据协议来选择. 二.编写代码根据官网的代码(入门引用和获取 ...
vue 百度地图根据详细地址获取经纬度
前言业务需求:根据用户输入详细地址,获取地址的经纬度传给后台,但是不要地图. 准备内容 1.安装josnp,解决跨域,不安转会报跨域问题执行命令: npm install vue-jsonp -- ...
java调用百度地图API根据地理位置获取经纬度
前言: 自己申请一个百度地图得账号,然后创建自己需要服务拿到Ak 下载地址:登录百度帐号 https://lbsyun.baidu.com/apiconsole/key 1.第一步:申请账号,这一步大 ...
利用高德地图根据详细地址获取经纬度(工具类)
废话不多说,直接上代码: package org.changneng.framework.frameworkweb.utils;import java.io.BufferedReader; impor ...
php调用百度接口获取经纬度,利用百度API(js)，通过地址获取经纬度的注意事项...
网上给的很多答案都是这种: http://api.map.baidu.com/geocoder?address=地址&output=输出格式类型&key=用户密钥&city=城 ...

前端web用腾讯地图api根据地址获取经纬度

前端web用腾讯地图api根据地址获取经纬度相关推荐

最新文章

热门文章