vue 根据详细地址获取经纬度

前言

业务需求：根据用户输入详细地址，获取地址的经纬度传给后台，但是不要地图。

准备内容

1.安装josnp，解决跨域，不安转会报跨域问题

执行命令：

npm install vue-jsonp --save

入口文件main.js添加：

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

基本使用方法：

this.$jsonp(地址, 传参参数对象{} ).then(json => {// 返回的内容console.log(json)
}).catch(err => {console.log(err)
})

2.百度地图ak（密钥），如何申请百度一下，不做讲解

用到的百度地图API，链接地址：

逆地理编码 gc | 百度地图API SDK

项目和一块使用

this.$jsonp('http://api.map.baidu.com/geocoding/v3/', {address: '北京市海淀区上地十街10号',output: 'json',ak: 您的密钥
}).then(json => {// 得到我们想要的内容console.log(json)
}).catch(err => {console.log(err)
})

到此，我们就可以得到想要的经纬度了

vue 根据详细地址获取经纬度相关推荐

根据详细地址获取经纬度（通过高德API）
vue项目根据详细地址获取经纬度(通过高德API) 一.在高德控制台key的获取二.Jsonp的使用三.查看success回调返回的打印结果一.在高德控制台key的获取网上找了很多,但是多多少 ...
linux脚本获取经纬度,JS实现根据详细地址获取经纬度功能示例
本文实例讲述了JS实现根据详细地址获取经纬度功能.分享给大家供大家参考,具体如下: 这个功能还是比较实用的,记录分享一下: 根据地址查询经纬度要查询的地址: 查询结果(经纬度): var map = ...
Java调用高德地图API根据详细地址获取经纬度
Java调用高德地图API根据详细地址获取经纬度官方API:https://lbs.amap.com/api/webservice/guide/api/georegeo * Web服务API 地理/ ...
vue 百度地图根据详细地址获取经纬度
前言业务需求:根据用户输入详细地址,获取地址的经纬度传给后台,但是不要地图. 准备内容 1.安装josnp,解决跨域,不安转会报跨域问题执行命令: npm install vue-jsonp -- ...
根据详细地址获取经纬度
这个功能还是比较实用的,记录分享一下: <html xmlns="http://www.w3.org/1999/xhtml"><head><title ...
利用高德地图根据详细地址获取经纬度(工具类)
废话不多说,直接上代码: package org.changneng.framework.frameworkweb.utils;import java.io.BufferedReader; impor ...
vue 高德地图API根据地址获取经纬度/根据经纬度获取地址
1.引入 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.14&am ...
前端web用腾讯地图api根据地址获取经纬度
需求:使用腾讯地图,通过输入的地址获取经纬度 1.先引入腾讯地图,参考https://blog.csdn.net/l13620804253/article/details/117254651 2.要调 ...
腾讯地图api如何根据地址获取经纬度
腾讯地图api如何根据地址获取经纬度 /** * 根据地址得到经纬度 //GET请求 */ @GetMapping("tencentGetLatLngBy/{a ...

vue 根据详细地址获取经纬度

前言

准备内容

项目和一块使用

vue 根据详细地址获取经纬度相关推荐

最新文章

热门文章