zoukankan      html  css  js  c++  java
  • 关于ios11和Chrome浏览器非HTTPS 对高德定位不支持问题

       最近,在开发二维码签到系统时,需要对用户的签到的经纬度进行获取,并且判断签到距离是否在可支持范围内。

       使用了高德地图。因为本人最近刚刚入手了一款新的Iphone7里面是最新的ios11系统。发现我的手机总是定位失败。后来查阅知,现在Chrome浏览器和ios等系统需要HTTPS才可以获得定位。其他安卓手机都正常。最后在高德地图的问题中心找到了解决办法。

      

    苹果新发的 iOS 11 操作系统的一大特性是对 http 形式访问页面的限制变得非常严格(相比iOS 10 和 iOS 9)。

    高德提供的JS API功能均支持http和https两种协议访问,在iOS 11操作系统上推荐使用https形式访问功能页面和接口。

    • 请先将JS API的版本升级到1.4.1版本:
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.0&key=您申请的key值"></script> 
    • 然后需要满足以下两点:

    1、需要使用JS API的高精度定位功能,在iOS 11上,请通过https访问定位。

    2、您的个人(或企业)网站在iOS 11系统下也请您调整成https形式对终端用户提供。

    如果修改之后依旧发生定位失败的情况,请参考如下:

    • 类似 Chrome 等浏览器框架目前禁止非 https 环境进行定位,请在iOS11下尝试访问如下页面:

    1、可以成功定位的页面地址:http://a.amap.com/jsapi_demos/static/remogeo/remo.html

    2、需要引入的remogeo.js ,建议放置在本地:http://a.amap.com/jsapi_demos/static/remogeo/remogeo.js

    3、重点需要关注的代码:

    <!-- 加载远程定位脚本 -->
            <script type="text/javascript" src="./remogeo.js"></script>
    // ios环境切换到使用远程https定位
                        if (AMap.UA.ios && document.location.protocol !== 'https:') {
                            //使用远程定位,见 remogeo.js
                            var remoGeo = new RemoGeoLocation();
                            //替换方法
                            navigator.geolocation.getCurrentPosition = function() {
                                return remoGeo.getCurrentPosition.apply(remoGeo, arguments);
                            };
                            //替换方法
                            navigator.geolocation.watchPosition = function() {
                                return remoGeo.watchPosition.apply(remoGeo, arguments);
                            };
                        }
    • iOS 11下WebView定位超时可做如下调整:
    //在info.plist添加
    Privacy - Location When In Use Usage Description

    日志现象:

    webview[6877:601452] This app has attempted to access privacy-sensitive data without a usage description. The app's Info.plist must contain an NSLocationWhenInUseUsageDescription key with a string value explaining to the user how the app uses this data
  • 相关阅读:
    使用Sharepoint Designer 无法打开站点提示错误403 forbidden
    英文Windows系统打开带中文TXT出现乱码
    Linux查看MegaSAS raid卡缓存策略
    PostgreSQL基础CRUD
    PostgreSQL安装(on Windows 10)
    Node.js安装(on Windows 10)
    Spring Data JPA:建立实体类
    Java:类加载
    Spring Data JPA:关联关系(外键)
    MySQL系统化知识概要
  • 原文地址:https://www.cnblogs.com/zzuuoo666/p/8685639.html
Copyright © 2011-2022 走看看