H5获取定位代码,需要部署HTTPS服务器获取定位权限,http服务器无法获取定位权限

 //获取位置
        getLocation();
        function getLocation(){
            if (navigator.geolocation){
                navigator.geolocation.getCurrentPosition(showPosition,showError);
            }else{
                alert("浏览器不支持地理定位。");
            }
        };
        function showError(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;
            }
        };
        function showPosition(position){
            var lat = position.coords.latitude; //纬度
            var lag = position.coords.longitude; //经度
            console.log('纬度:'+lat+',经度:'+lag);
//            alert('纬度:'+lat+',经度:'+lag);
          //   $('#lag').val(lag);
          //   $('#lat').val(lat);

            //接口
            var url = "https://wx.enry.cn/zbk/index.php?c=circle&a=getRealyAddress&lat="+lat+"&lng="+lag;
            $.ajax({
                type: "GET",
                url: url,
                beforeSend: function(){
                 //此处可替换
                    zy_msg('正在定位中...',function () {
                        zy_msg('定位成功')
                    })
                },
                success: function (res) {
                    var res = JSON.parse(res);
                    if(res.code==200){
                    //此处可替换
                       $('#adds').html(res.data)
                    }
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                 //此处可替换
                    zy_msg('定位失败,请检查网络')
                }
            });


        }
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值