通过原生JS高德定位,获取定位经纬度

// 高德定位
export function getLocation() {
AMap.plugin(“AMap.Geolocation”, function() {
var geolocation = new AMap.Geolocation({
// 是否使用高精度定位,默认:true
enableHighAccuracy: true,
// 设置定位超时时间,默认:无穷大
timeout: 10000
});

geolocation.getCurrentPosition();
AMap.event.addListener(geolocation, "complete", onComplete);
AMap.event.addListener(geolocation, "error", onError);

function onComplete(data) {
  // data是具体的定位信息
  console.log("定位成功信息:", data);
  localStorage.setItem("cityCode", parseInt(data.addressComponent.adcode));
  localStorage.setItem("center", [
    data.addressComponent.businessAreas[0].location.lng,
    data.addressComponent.businessAreas[0].location.lat
  ]);
  localStorage.setItem("cityName", data.formattedAddress);
}

function onError(data) {
  // 定位出错
  console.log("定位失败错误:", data);
  //如果第一种方式失败,调用第二种方式
  getLngLatLocation();
}

});
}
export function getLngLatLocation() {
AMap.plugin(“AMap.CitySearch”, function() {
var citySearch = new AMap.CitySearch();
citySearch.getLocalCity(function(status, result) {
if (status === “complete” && result.info === “OK”) {
// 查询成功,result即为当前所在城市信息
console.log(“通过ip获取当前城市:”, result);
//逆向地理编码
AMap.plugin(“AMap.Geocoder”, function() {
var geocoder = new AMap.Geocoder({
// city 指定进行编码查询的城市,支持传入城市名、adcode 和 citycode
city: result.adcode
});

      var lnglat = result.rectangle.split(";")[0].split(",");

      geocoder.getAddress(lnglat, function(status, data) {
        if (status === "complete" && data.info === "OK") {
          // result为对应的地理位置详细信息
          console.log(data);
          localStorage.setItem("center", [
            data.regeocode.addressComponent.businessAreas[0].location.lng,
            data.regeocode.addressComponent.businessAreas[0].location.lat
          ]);
          localStorage.setItem(
            "cityCode",
            parseInt(data.regeocode.addressComponent.adcode)
          );
          localStorage.setItem(
            "cityName",
            data.regeocode.addressComponent.city
          );
        }
      });
    });
  }
});

});
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值