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) {
//转换为bd02
var 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^2
private 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后前端妹子一枚，爱阅读，爱交友，将工作中遇到的问题记录在这里，希望给每一个看到的你能带来一点帮助。
欢迎留言交流
网友评论