目前因为许多用户都将电话升级到了IOS系统,苹果的iOS 10已经正式对外推送,相信不少用户已经更新到了最新的系统。然而,若是web站没有及时支持https协议的话,当不少用户在iOS 10下访问不少网站时,会发现都没法进行正常精肯定位,致使部分网站的周边推荐服务没法正常使用。为什么在iOS 10下没法获取当前位置信息?这是由于在iOS 10中,苹果对webkit定位权限进行了修改,全部定位请求的页面必须是https协议的。若是是非https网页,在http协议下经过html5原生定位接口会返回错误,也就是没法正常定位到用户的具体位置,而已经支持https的网站则不会受影响。javascript
目前提供的解决方案:html
一、将网站的http设置为Https。html5
二、经过第三方解决,这也是我目前使用的方法。java
首先看下代码差别:jquery
一、在页面引入jsios
<script src="/Content/Scripts/jquery.flexslider.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6yAoynmTPNlTBa8z1X4LfwGE"></script> <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
window.navigator.geolocation.getCurrentPosition:经过手机的webKit定位(目前ios系统对非https网站不提供支持)git
navigator.geolocation.getCurrentPosition(translatePoint); //定位 function translatePoint(position) { var currentLat = position.coords.latitude; var currentLon = position.coords.longitude; SetCookie("curLat", currentLat, 1);//设置cookie SetCookie("curLng", currentLon, 1);//设置cookie var gpsPoint = new BMap.Point(currentLon, currentLat);
var pt = new BMap.Point(currentLon, currentLat); var geoc = new BMap.Geocoder(); geoc.getLocation(pt, function (rs) { var addComp = rs.addressComponents; SetCookie("curLat", currentLat, 1); //设置cookie SetCookie("curLng", currentLon, 1); //设置cookie //alert(JSON.stringify(addComp)); var city = addComp.city; //得到具体街道信息 var texts = addComp.district + "-" + addComp.street + "-" + addComp.streetNumber; $("#nowRoad").text(texts); });
}
网站不支持https访问web
一、页面引入jsapi
<script src="/Content/Scripts/jquery.flexslider.js"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6yAoynmTPNlTBa8z1X4LfwGE"></script> <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function (r) { if (this.getStatus() == BMAP_STATUS_SUCCESS) { var mk = new BMap.Marker(r.point); currentLat = r.point.lat; currentLon = r.point.lng; SetCookie("curLat", currentLat, 1); //设置cookie SetCookie("curLng", currentLon, 1); //设置cookie var pt = new BMap.Point(currentLon, currentLat); var geoc = new BMap.Geocoder(); geoc.getLocation(pt, function (rs) { var addComp = rs.addressComponents; SetCookie("curLat", currentLat, 1); //设置cookie SetCookie("curLng", currentLon, 1); //设置cookie var city = addComp.city; var addComp = rs.addressComponents; var texts = addComp.district + "-" + addComp.street + "-" + addComp.streetNumber; //获取地理位置成功,跳转
});
}
})
目前获取定位的方法都在这里,仅供你们参考使用!cookie