h5移动端获取当前位置信息

js 专栏收录该内容
21 篇文章 0 订阅
 function getPosition(){

        //判断浏览器是否支持HTML5 定位

      if(window.navigator.geolocation){

        navigator.geolocation.getCurrentPosition(successfulCallback,failCallback)

      }else{

           alert("你的浏览器不能使用HTML5定位")

         }

     }

    function successfulCallback(position){

      var latitude = position.coords.latitude;

      var longitude = position.coords.longitude;
                        alert("成功获取位置信息");

                        console.log(latitude,longitude,888888 )


    }

    function failCallback(error){

      var text ;

      switch(error.code){

        case error.PERMISSION_DENIED:

              text ="用户拒绝对获取地理位置的请求。";

              break;
            case error.POSITION_UNAVAILABLE:

              text ="位置信息是不可用的。";

              break;

           case error.TIMEOUT:

             text ="请求用户地理位置超时。";

              break;

           case error.UNKNOWN_ERROR:

              text ="未知错误。";

              break;
          }

      }

                getPosition();

  • 2
    点赞
  • 8
    评论
  • 5
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 猿与汪的秘密 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值