vue根据百度api获取到自己所在位置的经纬度以及具体的位置名称

<group class="site" label-width="5.5em" label-margin-right="1em" label-align="right"><x-textarea title="当前位置" v-model="Burst.address" placeholder="选择当前位置"></x-textarea><x-button type="primary"><img @click="getShopWxConfig" src="/static/images/inner/site.png" alt></x-button></group>//获取地址和经纬度getShopWxConfig() {let $this = this;wx.checkJsApi({jsApiList: ["getLocation"],success: function(res) {if (res.checkResult.getLocation == false) {alert("你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！");return;}}});wx.getLocation({type: "wgs84",success: function(res) {//转换为bd02var convertor = new BMap.Convertor();var pointArr = [];var ggPoint = new BMap.Point(res.longitude, res.latitude);pointArr.push(ggPoint);convertor.translate(pointArr, 1, 5, $this.translateCallback);},cancel: function(res) {alert("用户拒绝授权获取地理位置");}});},translateCallback(data){//坐标转换完之后的回调函数let $this = this;if(data.status === 0) {$this.Burst.longitude = data.points[0].lng;$this.Burst.latitude = data.points[0].lat;let address = ""//通过baiduMap API获取街道名称let point = new BMap.Point(data.points[0].lng, data.points[0].lat);let gc = new BMap.Geocoder();gc.getLocation(point, function(rs) {let addComp = rs.addressComponents;address =addComp.city +addComp.district +addComp.street +addComp.streetNumber;$this.Burst.address = address;$this.scrollFn();});}},

后端百度api经纬度BD09=>WGS84=>GCJ-02之前的互相转换的utils类

/*** Created by CaiHB on 2015/11/2 15:31.* E-mail:caihaobing@sina.cn*/
public class CoordinateConvert {/*** 坐标转换程序* <p/>* WGS84坐标系：即地球坐标系，国际上通用的坐标系。Earth* <p/>* GCJ02坐标系：即火星坐标系，WGS84坐标系经加密后的坐标系。Mars* <p/>* BD09坐标系：即百度坐标系，GCJ02坐标系经加密后的坐标系。  Bd09* <p/>* 搜狗坐标系、图吧坐标系等，估计也是在GCJ02基础上加密而成的。* <p/>* 百度地图API        百度坐标* 腾讯搜搜地图API 火星坐标* 搜狐搜狗地图API 搜狗坐标** 阿里云地图API     火星坐标* 图吧MapBar地图API 图吧坐标* 高德MapABC地图API 火星坐标* 灵图51ditu地图API 火星坐标*/private static double PI = Math.PI;private static double AXIS = 6378245.0;  //private static double OFFSET = 0.00669342162296594323;  //(a^2 - b^2) / a^2private static double X_PI = PI * 3000.0 / 180.0;//GCJ-02=>BD09 火星坐标系=>百度坐标系public static double[] gcj2BD09(double glat, double glon) {double x = glon;double y = glat;double[] latlon = new double[2];double z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * X_PI);double theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * X_PI);latlon[0] = z * Math.sin(theta) + 0.006;latlon[1] = z * Math.cos(theta) + 0.0065;return latlon;}//BD09=>GCJ-02 百度坐标系=>火星坐标系public static double[] bd092GCJ(double glat, double glon) {double x = glon - 0.0065;double y = glat - 0.006;double[] latlon = new double[2];double z = Math.sqrt(x * x + y * y) - 0.00002 * Math.sin(y * X_PI);double theta = Math.atan2(y, x) - 0.000003 * Math.cos(x * X_PI);latlon[0] = z * Math.sin(theta);latlon[1] = z * Math.cos(theta);return latlon;}//BD09=>WGS84 百度坐标系=>地球坐标系public static double[] bd092WGS(double glat, double glon) {double[] latlon = bd092GCJ(glat, glon);return gcj2WGS(latlon[0], latlon[1]);}// WGS84=》BD09   地球坐标系=>百度坐标系public static double[] wgs2BD09(double wgLat, double wgLon) {double[] latlon = wgs2GCJ(wgLat, wgLon);return gcj2BD09(latlon[0], latlon[1]);}// WGS84=》GCJ02   地球坐标系=>火星坐标系public static double[] wgs2GCJ(double wgLat, double wgLon) {double[] latlon = new double[2];if (outOfChina(wgLat, wgLon)) {latlon[0] = wgLat;latlon[1] = wgLon;return latlon;}double[] deltaD = delta(wgLat, wgLon);latlon[0] = wgLat + deltaD[0];latlon[1] = wgLon + deltaD[1];return latlon;}//GCJ02=>WGS84   火星坐标系=>地球坐标系(粗略)public static double[] gcj2WGS(double glat, double glon) {double[] latlon = new double[2];if (outOfChina(glat, glon)) {latlon[0] = glat;latlon[1] = glon;return latlon;}double[] deltaD = delta(glat, glon);latlon[0] = glat - deltaD[0];latlon[1] = glon - deltaD[1];return latlon;}//GCJ02=>WGS84   火星坐标系=>地球坐标系（精确）public static double[] gcj2WGSExactly(double gcjLat, double gcjLon) {double initDelta = 0.01;double threshold = 0.000000001;double dLat = initDelta, dLon = initDelta;double mLat = gcjLat - dLat, mLon = gcjLon - dLon;double pLat = gcjLat + dLat, pLon = gcjLon + dLon;double wgsLat, wgsLon, i = 0;while (true) {wgsLat = (mLat + pLat) / 2;wgsLon = (mLon + pLon) / 2;double[] tmp = wgs2GCJ(wgsLat, wgsLon);dLat = tmp[0] - gcjLat;dLon = tmp[1] - gcjLon;if ((Math.abs(dLat) < threshold) && (Math.abs(dLon) < threshold))break;if (dLat > 0) pLat = wgsLat;else mLat = wgsLat;if (dLon > 0) pLon = wgsLon;else mLon = wgsLon;if (++i > 10000) break;}double[] latlon = new double[2];latlon[0] = wgsLat;latlon[1] = wgsLon;return latlon;}//两点距离public static double distance(double latA, double logA, double latB, double logB) {int earthR = 6371000;double x = Math.cos(latA * Math.PI / 180) * Math.cos(latB * Math.PI / 180) * Math.cos((logA - logB) * Math.PI / 180);double y = Math.sin(latA * Math.PI / 180) * Math.sin(latB * Math.PI / 180);double s = x + y;if (s > 1)s = 1;if (s < -1)s = -1;double alpha = Math.acos(s);double distance = alpha * earthR;return distance;}public static double[] delta(double wgLat, double wgLon) {double[] latlng = new double[2];double dLat = transformLat(wgLon - 105.0, wgLat - 35.0);double dLon = transformLon(wgLon - 105.0, wgLat - 35.0);double radLat = wgLat / 180.0 * PI;double magic = Math.sin(radLat);magic = 1 - OFFSET * magic * magic;double sqrtMagic = Math.sqrt(magic);dLat = (dLat * 180.0) / ((AXIS * (1 - OFFSET)) / (magic * sqrtMagic) * PI);dLon = (dLon * 180.0) / (AXIS / sqrtMagic * Math.cos(radLat) * PI);latlng[0] = dLat;latlng[1] = dLon;return latlng;}public static boolean outOfChina(double lat, double lon) {if (lon < 72.004 || lon > 137.8347)return true;if (lat < 0.8293 || lat > 55.8271)return true;return false;}public static double transformLat(double x, double y) {double ret = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));ret += (20.0 * Math.sin(6.0 * x * PI) + 20.0 * Math.sin(2.0 * x * PI)) * 2.0 / 3.0;ret += (20.0 * Math.sin(y * PI) + 40.0 * Math.sin(y / 3.0 * PI)) * 2.0 / 3.0;ret += (160.0 * Math.sin(y / 12.0 * PI) + 320 * Math.sin(y * PI / 30.0)) * 2.0 / 3.0;return ret;}public static double transformLon(double x, double y) {double ret = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));ret += (20.0 * Math.sin(6.0 * x * PI) + 20.0 * Math.sin(2.0 * x * PI)) * 2.0 / 3.0;ret += (20.0 * Math.sin(x * PI) + 40.0 * Math.sin(x / 3.0 * PI)) * 2.0 / 3.0;ret += (150.0 * Math.sin(x / 12.0 * PI) + 300.0 * Math.sin(x / 30.0 * PI)) * 2.0 / 3.0;return ret;}}

原文作者技术博客：https://www.jianshu.com/u/ac4daaeecdfe
95后前端妹子一枚，爱阅读，爱交友，将工作中遇到的问题记录在这里，希望给每一个看到的你能带来一点帮助。
欢迎留言交流