html5中文学习网

您的位置: 首页 > html5资讯 > 最新动态 » 正文

腾讯地图支持iOS10 H5定位

[ ] 已经帮助:人解决问题

9月14日凌晨1点,苹果的iOS 10已经正式对外推送,相信尝鲜的用户已经更新到最新的系统。然而,如果web站没有及时支持https协议的话,当很多用户在iOS 10下访问很多网站时,会发现都无法进行正常精确定位,导致部分网站的周边推荐服务无法正常使用。vtyHTML5中文学习网 - HTML5先行者学习网

  腾讯地图开放平台技术专家通过分析发现,在iOS10 中苹果对webkit定位权限进行了修改,所有定位请求的页面必须是https协议的。在http协议下通过html5原生定位接口会返回错误,无法正常 定位。通过浏览器调试控制台我们可以看http访问报错的详细信息:vtyHTML5中文学习网 - HTML5先行者学习网

vtyHTML5中文学习网 - HTML5先行者学习网

  接入腾讯的H5定位组件,无感支持iOS10vtyHTML5中文学习网 - HTML5先行者学习网

  腾讯地图开放平台在很早就支持了https的H5定位。不管是已经支持了https协议,还是依然使用http协议的web页,只要你接入了它,对于iOS 10的定位支持是无感的,都可以完美正常定位。vtyHTML5中文学习网 - HTML5先行者学习网

  而你只需要完成以下两步:vtyHTML5中文学习网 - HTML5先行者学习网

  方式一:纯JS调用vtyHTML5中文学习网 - HTML5先行者学习网

  第一步:引入js文件vtyHTML5中文学习网 - HTML5先行者学习网

  vtyHTML5中文学习网 - HTML5先行者学习网

  第二步:创建定位对象,即可发起定位vtyHTML5中文学习网 - HTML5先行者学习网

  var geolocation = new qq.maps.Geolocation("DZYBZ-73WWI-FG6GZ-5JRFR-PNVIE-4OFUL", "myapp");vtyHTML5中文学习网 - HTML5先行者学习网

  geolocation.getLocation(sucCallback, errCallback);vtyHTML5中文学习网 - HTML5先行者学习网

  方式二:嵌入iframe完成定位vtyHTML5中文学习网 - HTML5先行者学习网

  第一步:引入定位iframevtyHTML5中文学习网 - HTML5先行者学习网

   <p>  src="https://apis.map.qq.com/tools /geolocation?key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77& referer=myapp"></p> <p>  vtyHTML5中文学习网 - HTML5先行者学习网

  第二步:监听事件并完成定位vtyHTML5中文学习网 - HTML5先行者学习网

  window.addEventListener('message', function(event) {vtyHTML5中文学习网 - HTML5先行者学习网

  // 接收位置信息vtyHTML5中文学习网 - HTML5先行者学习网

  var loc = event.data;vtyHTML5中文学习网 - HTML5先行者学习网

  console.log('location', loc);vtyHTML5中文学习网 - HTML5先行者学习网

  }, false);vtyHTML5中文学习网 - HTML5先行者学习网

  简简单单,两步搞定。vtyHTML5中文学习网 - HTML5先行者学习网

  美团外卖等大型网站已经完美接入腾讯地图开放平台开发的H5定位组件,平稳度过iOS10升级,确保客户和业务未受影响:vtyHTML5中文学习网 - HTML5先行者学习网

vtyHTML5中文学习网 - HTML5先行者学习网

  腾讯地图开放平台H5定位组件简介:vtyHTML5中文学习网 - HTML5先行者学习网

  1 业内唯一专门针对H5环境的定位需求的解决方案vtyHTML5中文学习网 - HTML5先行者学习网

  2     在微信和QQ浏览器下深度优化,显著提升定位成功率vtyHTML5中文学习网 - HTML5先行者学习网

  3 多环境优化适配,完美支持原生定位,微信定位SDK,QQ定位SDK,IP定位等vtyHTML5中文学习网 - HTML5先行者学习网

  4 紧跟web标准,最先支持iOS10vtyHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助