js 移动端H5 定位获取当前城市

最新推荐文章于 2024-08-08 23:45:45 发布

Stavin Li

最新推荐文章于 2024-08-08 23:45:45 发布

阅读量2.7k

点赞数

分类专栏：地图定位文章标签：定位

本文为博主原创文章，未经博主允许不得转载。

本文链接：https://blog.csdn.net/m0_37285193/article/details/107177881

版权

地图定位专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 if (navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(position => {
       let latitude = position.coords.latitude;//获取纬度
       let longitude = position.coords.longitude;//获取经度
       $.getScript(`https://api.map.baidu.com/reverse_geocoding/v3/?ak=8IBN1OxuUNKPpO3UHAcTxsyiqGutrecI&output=json&coordtype=wgs84ll&location=${latitude},${longitude}&callback=showPub`)
       window.showPub = function (data) {
          alert(JSON.stringify(data))//结果中包含城市信息
       }
     }, error => {
       switch (error.code) {
         case error.PERMISSION_DENIED:
           alert("定位失败,用户拒绝请求地理定位");
           break;
         case error.POSITION_UNAVAILABLE:
           alert("定位失败,位置信息是不可用");
           break;
         case error.TIMEOUT:
           alert("定位失败,请求获取用户位置超时");
           break;
         case error.UNKNOWN_ERROR:
           alert("定位失败,定位系统失效");
           break;
       }
    });
  } else {
    alert("不支持定位功能");
  }