关于ios11和Chrome浏览器非HTTPS 对高德定位不支持问题

最新推荐文章于 2021-08-18 17:00:17 发布
最新推荐文章于 2021-08-18 17:00:17 发布
阅读量1.3k 收藏 1
点赞数
文章标签： 移动开发 javascript 操作系统 ViewUI
原文链接：http://www.cnblogs.com/ZuoAndFutureGirl/p/8685639.html
版权
在iOS11系统中，Chrome浏览器和iOS设备需要使用HTTPS才能获取地理位置信息。针对高德地图API，开发者遇到定位失败的问题。解决方案包括：升级JS API到1.4.1版本，确保使用HTTPS访问定位功能，以及检查个人或企业网站是否也采用HTTPS。对于定位仍然失败的情况，可以参考高德提供的示例页面和代码调整。
摘要由CSDN通过智能技术生成

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

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

　　

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

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

 

  • 请先将JS API的版本升级到1.4.1版本：
HTML 
<script type="text/javascript" src=
最低0.47元/天 解锁文章
weixin_30918633
关注
Vue中高德地图获取经纬度及逆地理解析的两种方式CDN或NPM(协议必须是https) 否则定位会一直失败
qq_52245553的博客
06-29 1410
Vue中高德获取经纬度及逆地理解析的两种方式CDN或NPM，复制即可
高德地图浏览器定位
02-09 1882
&lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt
高德地图API采用沃通SSL证书实现https加密
脱缰的牛
12-03 513
高德是中国领先的数字地图内容、导航和位置服务解决方案提供商。近日，高德地图LBS开放平台API应用服务采用了沃通超真SSL Pro证书进行接口数据传输加密，保障用户数据传输安全。 高德地图API是一套为开发者免费提供的、最专业的基于高德地图的应用程序接口，包括JavaScript、iOS、Andriod、Web服务等多种版本，提供基本地图、位置搜索、周边搜索、公交驾车导航、定位服务、地理编码及...
高德地图定位没反应失效，也不报错的解决方法
一个抠得儿
06-25 4762
一般这种情况在开发环境下比较多，因为高德现在要求使用https访问才可以，你的网站必须搭载到服务器并且开启https，才可以正常访问，或者不用https也可以改用localhost访问网站，也是可以定位成功的，定位的时候等几秒，有的时候用浏览器访问会有延迟，等10秒左右 ...
移动端H5调用高德地图API获取定位ios端问题
fakeeel的博客
08-18 3730
在移动端h5的开发中遇到了使用高德地图的API获取定位的问题。在安卓端没有问题，但在ios上不能正常弹出位置授权窗口。查阅文档并实际尝试后找到如下原因和解决方案。 问题 iOS 11 操作系统的一大特性是对 http 形式访问页面的限制变得非常严格（相比iOS 10 和 iOS 9）。而高德提供的JS API功能均支持http和https两种协议访问，在iOS 11操作系统上推荐使用https形式访问功能页面和接口。 解决方案 先将高德地图的JS API的版本升级到1.4.1版本以上 然
vue引入高德地图实现定位
m0_52948787的博客
12-10 1315
vue引入高德地图实现简单的定位 1.在高德地图的开放平台去注册key 网址:https://lbs.amap.com/ 开发|高德地图API 创建后,点击添加,创建自己的key 在这里选择Web端(JS API) 开始引入地图 在全局public下的index.HTML中引入 <script src="https://webapi.amap.com/maps?v=1.4.13&key=申请到的key"></script> mounted() { this.
H5获取定位代码，需要部署HTTPS服务器获取定位权限，http服务器无法获取定位权限
WALKMAN的博客
02-26 9586
//获取位置 getLocation(); function getLocation(){ if (navigator.geolocation){ navigator.geolocation.getCurrentPosition(showPosition,showError); }el...
高德h5定位误差_#高德地图api移动端定位失败解决方案 #H5 原生Geollocation接口Chomre浏览器的坑...
weixin_39997173的博客
12-24 1841
侧重：本文探索了 http 协议下，pc + 移动端定位解决方案IOS版本： ios14原生Geolocation 接口:DocumentShow my locationfunction geoFindMe() {var output = document.getElementById("out");var msg = document.getElementById("msg");if (!nav...
高德_浏览器定位是如何实现的？为什么会有浏览器定位失败的情况？
ZeroRm的博客
04-20 1万+
高德地图开放平台JavaScript API提供的Geolocation定位插件，融合了HTML5 Geolocation定位接口、精确IP定位服务，以及安卓定位sdk定位。其中与安卓定位sdk的结合使用适用于开发安卓系统的H5应用，需同时使用安卓定位sdk和JavaScript API。   PART1. Geolocation.getCurrentPosition获取精确位置的流程
微信7.0升级后 高德地图在微信内置浏览器定位失败
就写一行代码
01-19 1万+
此文为博主原创 转载请注明出处 尊重一下笔者的劳动成果 ⑩分感谢  场景：微信7.0 苹果可以获取到定位 安卓获取不到定位 原因：微信升级7.0做了安全限制 导致使用http的定位不能正常使用 解决办法：升级https 且是正规的SSL证书 自签名的证书 证书链不完整也是不行的 注意：页面使用jssdk都需要使用https调用 微信升级7.0之前 公众号网页一直稳定的运行，升级7.0...
高德地图ios11 定位失败
strong90的博客
10-26 7704
ios11 系统 微信公众号 高德地图定位失败 类似 Chrome 等浏览器框架目前禁止非 https 环境进行定位，请在iOS11下尝试访问如下页面： 1、可以成功定位的页面地址：http://a.amap.com/jsapi_demos/static/remogeo/remo.html 2、需要引入的remogeo.js ，本地新建一个js文件，将以下网址内容添加进去，htt...
利用高德地图api进行定位
阵雨的博客
04-19 8154
一、精准定位，需要https，需要用户手动同意。 在初次进入时进行定位，定位成功，保存定位所在城市。再次进入不定位，使用上一次的定位。1.首先引入高德地图api&lt;script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.1&amp;key=你自己的key"&gt;&lt;/script&gt;2.在页面加入一个d...
无法获得用户定位信息的解决办法和建立HTTPS的方法
赵亮的博客专栏(theforever，碧海情天)
08-10 6680
无法获得用户定位信息的原因和解决方法。近期很多开发者提问这个问题：为什么以前可以获得用户定位信息的方法，现在不管用了。究其原因，是定位信息提供商（比如百度地图）不再支持在HTTP协议下返回这类敏感信息，而是要求必须在HTTPS协议下才会返回。本文讲解这一变化的背景原因，和如何转到HTTPS协议的具体步骤与相关选择细节。
高德地图在https中打不开问题
weixin_44944193的博客
07-25 1万+
今天解决了一个bug，页面中有高德地图，就是用https打开网址，打不开显示空白，但是用http可以打开，把地图部分去掉就可以正常打开。 将引入的文件改为https即可 下面是引入的其中一个js: <script src="https://webapi.amap.com/maps?v=1.4.6&key=秘钥"></script> 原来引入的是： <script src="http://webapi.amap.com/maps?v=1.4.6&..
高德地图API之定位API
黑猫中校的燃烧战场
12-19 1万+
关于定位，分为GPS定位和网络定位2种。GPS定位，精度较高，可达到10米，但室内不可用，且超级费电。网络定位，分为wifi定位和基站定位，都是通过获取wifi或者基站信息，然后查询对应的wifi或者基站位置数据库，得到的定位地点。定位数据库可以不断完善不断补充，所以，越定位越准确。如果使用高德API来实现位置定位、城市定位的方法，包含了IP定位，浏览器定位，检索定位等多种网络定位方法。当然，如果
高德地图使用——定位功能
zy_jibai
06-21 1万+
在上一次中我们说到了如何申请key值，和在Application中如何配置，以及将地图显示出来。如果没看过的朋友们可以看一下笔者上一篇文章：最新高德地图使用（SDK6.3.0版本）——申请key、显示地图。在这一篇中，我们将了解如何实现高德地图定位功能。相比于上一篇来说，我感觉这一篇的内容应该不会那么多，因为实现定位的功能实在是太简单了，只是涉及到几个类而已。在看代码之前，我们先看一下实现定位需要...
记一坑：vue-amap的Geolocation插件在chrome浏览器精准定位失败问题
weixin_44015248的博客
01-26 1万+
一、Geolocation使用： https://elemefe.github.io/vue-amap/#/zh-cn/plugins/geolocation 官网提示：由于 Chrome 、IOS10 等已不再支持非安全域的浏览器定位请求，为保证定位成功率和精度，请尽快升级您的站点到 HTTPS 。 记得在main.js中plugin中加入 ‘AMap.Geolocation’ 没加报错内容:...
ios11+调用高德api踩坑
weixin_43709908的博客
05-30 895
因为公司的crm系统要重新做，里面要求业务员打卡必须在项目的800米范围之内，才能够打卡成功，我们就使用了高德api自动获取当前位置信息，进行与数据库里面录入的位置信息进行对比，算出相应的距离， 首先我们封装了一个获取当前位置 window.AMap.plugin('AMap.Geolocation', () => { const geolocation = new window.AMap.Geolocation({ // 是否使用高精度定位，默认：true
谷歌浏览器-高德地图定位失败geolocation time out
热门推荐
qingdatiankong的博客
04-10 3万+
最近使用高德地图进行定位，经常出现geolocation time out。浏览器用的是谷歌，后来，换了火狐浏览器，正常定位，真是日了狗了。 去官网查询了一下https://lbs.amap.com/faq/web/javascript-api/80/?wd=time%20Out&cateId=&page=&detail=true 果然是谷歌浏览器有问题，大概和。。。有关系...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值