利用geolocation获取用户位置信息，用百度地图展现

最新推荐文章于 2023-03-02 14:19:47 发布

liuhaoyang558

最新推荐文章于 2023-03-02 14:19:47 发布

阅读量439

点赞数 1

分类专栏：前端文章标签： web

本文链接：https://blog.csdn.net/liuhaoyang558/article/details/76889452

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

           function getLocation(){
               var options={
                   enableHighAccuracy:true, 
                   maximumAge:1000
               }
               if(navigator.geolocation){
                   //浏览器支持geolocation
                   navigator.geolocation.getCurrentPosition(onSuccess,onError,options);
                   
               }else{
                   //浏览器不支持geolocation
               }
           }

           //成功时
           function onSuccess(position){
               //经度
               var longitude =position.coords.longitude;
               //纬度
               var latitude = position.coords.latitude;

               //使用百度地图API
               //创建地图实例  
               var map =new BMap.Map("container");

               //创建一个坐标
               var point =new BMap.Point(longitude,latitude);
               //地图初始化，设置中心点坐标和地图级别  
               map.centerAndZoom(point,15);
           }
  

           //失败时
           function onError(error){
               switch(error.code){
                   case 1:
                   alert("位置服务被拒绝");
                   break;

                   case 2:
                   alert("暂时获取不到位置信息");
                   break;

                   case 3:
                   alert("获取信息超时");
                   break;

                   case 4:
                    alert("未知错误");
                   break;
               }

           }

THX