IOS10 window.navigator.geolocation.getCurrentPosition 无法定位问题

在iOS 10中,苹果对webkit定位权限进行了修改,所有定位请求的页面必须是https协议的。

如果是非https网页,在http协议下通过HTML5原生定位接口会返回错误,也就是无法正常定位到用户的具体位置,而已经支持https的网站则不会受影响。

目前提供的解决方案:

1、将网站的http设置为Https。

2、通过第三方API解决。

顺便附上定位方法:

    // //定位方法一    $(function(){        startgps();    });    //获取地理位置方法    function startgps()    {        //判断是否支持        if (navigator.geolocation)        {         navigator.geolocation.getCurrentPosition(showgps,//成功回调函数           function(error) //失败回调函数             {               getPositionError(error);             },           {enableHighAcuracy: true, timeout:5000,maximumAge: 0}); // 这里设置超时为5000毫秒,即1秒        }        else        {            document.getElementById(‘geo_loc‘).innerHTML="您的浏览器不支持地图定位";

}    }    function showgps(position)    {            document.getElementById(‘longitude‘).innerHTML="经度"+position.coords.longitude+ "纬度"+position.coords.latitude;            getAddress(position.coords.latitude,position.coords.longitude);

}    function getPositionError(error){        switch(error.code){

case error.TIMEOUT:

alert("连接超时,请重试");

break;

case error.PERMISSION_DENIED:

alert("您拒绝了使用位置共享服务,查询已取消");

break;

case error.POSITION_UNAVAILABLE:

alert("亲爱的火星网友,非常抱歉,我们暂时无法为您所在的星球提供位置服务");

break;

}    }

//定位方法二    if(navigator.geolocation){        navigator.geolocation.getCurrentPosition(                function(position){                    document.getElementById(‘longitude‘).innerHTML="经度"+position.coords.longitude+ "纬度"+position.coords.latitude;                    document.getElementById(‘accuracy‘).innerHTML="误差"+position.coords.accuracy+"米";                    getAddress(position.coords.latitude,position.coords.longitude);                },                function(error){                    var errorType = [‘您拒绝共享位置信息‘, ‘获取不到位置信息‘, ‘获取位置信息超时‘];//                    alert(errorType[error.code - 1]);                    document.getElementById(‘geo_loc‘).innerHTML=error.code+"\n"+error.message;                    document.getElementById(‘geo_loc‘).innerHTML= errorType[error.code - 1];                }        );    }else{        document.getElementById(‘geo_loc‘).innerHTML="您的浏览器不支持地图定位";    }

function getAddress(latitude,longitude){    var geocoder;    var map = new AMap.Map("container", {        resizeEnable: true,        zoom: 18    })    var lnglatXY = [longitude,latitude];//需转为地址描述的坐标    //加载地理编码插件    var geocoder;    AMap.service(["AMap.Geocoder"], function() {        geocoder = new AMap.Geocoder({            radius: 1000,            extensions: "all"        });        //逆地理编码        geocoder.getAddress(lnglatXY, function(status, result){            //取回逆地理编码结果            if(status === ‘complete‘ && result.info === ‘OK‘){                geocoder_CallBack(result);            }        });    });    }    function geocoder_CallBack(data) {        var address = data.regeocode.formattedAddress; //返回地址描述        document.getElementById("result").innerHTML = address;    }
时间: 2024-12-22 10:35:27

IOS10 window.navigator.geolocation.getCurrentPosition 无法定位问题的相关文章

完美解决window.navigator.geolocation.getCurrentPosition,在IOS10系统中无法定位问题

目前由于许多用户都将电话升级到了IOS系统,苹果的iOS 10已经正式对外推送,相信很多用户已经更新到了最新的系统.然而,如果web站没有及时支持https协议的话,当很多用户在iOS 10下访问很多网站时,会发现都无法进行正常精确定位,导致部分网站的周边推荐服务无法正常使用.为何在iOS 10下无法获取当前位置信息?这是因为在iOS 10中,苹果对webkit定位权限进行了修改,所有定位请求的页面必须是https协议的.如果是非https网页,在http协议下通过html5原生定位接口会返回错

用navigator.geolocation在IOS10以上的系统无法定位

昨天老板告诉我代码有Bug(定位失败),于是各种测试最终发现IOS10以上版本手机不能成功,先贴失败代码: var city =""; navigator.geolocation.getCurrentPosition(function(position) { var lat = position.coords.latitude; var lon = position.coords.longitude; var point = new BMap.Point(lon, lat); // 创

js定位navigator.geolocation

一.简介 html5为window.navigator提供了geolocation属性,用于获取基于浏览器的当前用户地理位置. window.navigator.geolocation提供了3个方法分别是: void getCurrentPosition(onSuccess,onError,options); //获取用户当前位置 int watchCurrentPosition(onSuccess,onError,options); //持续获取当前用户位置 void clearWatch(w

[Javascript]JS新API标准-地理定位(navigator.geolocation)

在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation的三个方法: 1. getCurrentPosition() 2. watchPosition() 3. clearWatch() getCurrentPosition() 使用方法:navigator.geolocation.getCurrentPosition(successCallback,

JS新API标准 地理定位(navigator.geolocation)

在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation的三个方法: 1. getCurrentPosition()   //当前位置 2. watchPosition()          //监视位置 3. clearWatch()             //清楚监视 1.getCurrentPosition() 使用方法:navigator.ge

h5地理位置对象navigator.geolocation

地理位置对象可以用于基于地图的应用,一般手机的位置信息是通过GPS或者基站来获取,而pc则是通过IP地址来获取,准确度没有移动设备高. 地理位置对象navigator.geolocation下有有两个方法,分别是getCurrentPosition()单次定位请求和watchPosition()多次定位请求. 1.navigator.geolocation.getCurrentPosition(function(),function(),{}); 三个参数依次为请求成功的回调,失败的回调,数据收

JS新API标准 地理定位(navigator.geolocation)/////////zzzzzzzzzzz

在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation的三个方法: 1. getCurrentPosition() 2. watchPosition() 3. clearWatch() getCurrentPosition() 使用方法:navigator.geolocation.getCurrentPosition(successCallback,

js地理定位对象 navigator.geolocation

浏览器信息的存储对象(navigator): 在新的API标准中,可以通过navigator.geolocation来获取设备的当前位置,返回一个位置对象,用户可以从这个对象中得到一些经纬度的相关信息. navigator.geolocation的三个方法: 1. getCurrentPosition() 2. watchPosition() 3. clearWatch() getCurrentPosition() 使用方法:navigator.geolocation.getCurrentPos

navigator.geolocation例子

navigator.geolocation例子 分类: javascript 2012-03-09 22:20 1601人阅读 评论(0) 收藏 举报 function浏览器 [html] view plaincopy <html> <head> <script type="text/javascript"> function getPositionSuccess(position){ var lat = position.coords.latitu