JAVA高级面试进阶训练营视频教程

admin

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

   目前提供的解决方案：

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

  2、通过第三方解决，这也是我目前使用的方法。

    首先看下代码差异：

   1、在页面引入js

[html]  view plain  copy

 

1. <script src="/Content/Scripts/jquery.flexslider.js"></script>  
2. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6yAoynmTPNlTBa8z1X4LfwGE"></script>  
3. <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>  

  window.navigator.geolocation.getCurrentPosition：通过手机的webKit定位（目前ios系统对非https网站不提供支持）

[javascript]  view plain  copy

 

1.        navigator.geolocation.getCurrentPosition(translatePoint); //定位  
2.             function translatePoint(position) {  
3.                 var currentLat = position.coords.latitude;  
4.                 var currentLon = position.coords.longitude;  
5.                 SetCookie("curLat", currentLat, 1);//设置cookie  
6.                 SetCookie("curLng", currentLon, 1);//设置cookie  
7.                 var gpsPoint = new BMap.Point(currentLon, currentLat);  
8.             
9.                     var pt = new BMap.Point(currentLon, currentLat);  
10.                     var geoc = new BMap.Geocoder();  
11.                     geoc.getLocation(pt, function (rs) {  
12.                         var addComp = rs.addressComponents;  
13.                         SetCookie("curLat", currentLat, 1); //设置cookie  
14.                         SetCookie("curLng", currentLon, 1); //设置cookie  
15.                         //alert(JSON.stringify(addComp));  
16.                         var city = addComp.city;                       
17.                        

[javascript]  view plain  copy

 

1.                                     //获得具体街道信息    
2.                        var texts = addComp.district + "-" + addComp.street + "-" + addComp.streetNumber;  
3.                             $("#nowRoad").text(texts);  
4.                        
5.   
6.   
7.                     });  

[javascript]  view plain  copy

 

1.   

2、网站不支持https访问

 

     1、页面引入js

      

[html]  view plain  copy

 

1. <script src="/Content/Scripts/jquery.flexslider.js"></script>  
2. <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=6yAoynmTPNlTBa8z1X4LfwGE"></script>  
3. <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>  

  2、获得定位方法

 

 

[html]  view plain  copy

 

1. var geolocation = new BMap.Geolocation();  
2.         geolocation.getCurrentPosition(function (r) {  
3.             if (this.getStatus() == BMAP_STATUS_SUCCESS) {  
4.                 var mk = new BMap.Marker(r.point);  
5.                 currentLat = r.point.lat;  
6.                 currentLon = r.point.lng;  
7.                 SetCookie("curLat", currentLat, 1); //设置cookie  
8.                 SetCookie("curLng", currentLon, 1); //设置cookie             
9.                     var pt = new BMap.Point(currentLon, currentLat);  
10.                     var geoc = new BMap.Geocoder();  
11.                     geoc.getLocation(pt, function (rs) {  
12.                         var addComp = rs.addressComponents;  
13.                         SetCookie("curLat", currentLat, 1); //设置cookie  
14.                         SetCookie("curLng", currentLon, 1); //设置cookie  
15.                        
16.                         var city = addComp.city;  
17.                         var addComp = rs.addressComponents;  
18.                         var texts = addComp.district + "-" + addComp.street + "-" + addComp.streetNumber;  
19.                         //获取地理位置成功，跳转  
20.                     
21.                   
22.   
23.             }  

目前获取定位的方法都在这里，仅供大家参考使用！