腾讯地图开放平台率先支持iOS10 H5定位,助力合作伙伴平稳升级
2016-12-29 18:17
567 查看
9月14日凌晨1点,苹果的iOS 10已经正式对外推送,相信尝鲜的用户已经更新到最新的系统。然而,如果web站没有及时支持https协议的话,当很多用户在iOS 10下访问很多网站时,会发现都无法进行正常精确定位,导致部分网站的 周边推荐服务无法正常使用。
腾讯地图开放平台技术专家通过分析发现,在iOS10 中苹果对webkit定位权限进行了修改,所有定位请求的页面必须是https协议的。在http协议下通过html5原生定位接口会返回错误,无法正常定位。通过浏览器调试控制台我们可以看http访问报错的详细信息:
![](http://img2.donews.com/2016/0914/19786410.png.450.jpg)
接入腾讯的H5定位组件,无感支持iOS10
腾讯地图开放平台在很早就支持了https的H5定位。不管是已经支持了https协议,还是依然使用http协议的web页,只要你接入了它,对于iOS 10的定位支持是无感的,都可以完美正常定位。
而你只需要完成以下两步:
方式一:纯JS调用
第一步:引入js文件
<scarpt src="http://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js" />
第二步:创建定位对象,即可发起定位
var geolocation = new qq.maps.Geolocation("DZYBZ-73WWI-FG6GZ-5JRFR-PNVIE-4OFUL", "myapp");
geolocation.getLocation(sucCallback, errCallback);
方式二:嵌入iframe完成定位
第一步:引入定位iframe
<iframe id="geoPage" width=0 height=0 frameborder=0 style="display:none;" scrolling="no"
src="https://apis.map.qq.com/tools/geolocation?key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp">
</iframe>
第二步:监听事件并完成定位
window.addEventListener('message', function(event) {
// 接收位置信息
var loc = event.data;
console.log('location', loc);
}, false);
简简单单,两步搞定。
美团外卖等大型网站已经完美接入腾讯地图开放平台开发的H5定位组件,平稳度过iOS10升级,确保客户和业务未受影响:
![](http://img2.donews.com/2016/0914/91247064.png.450.jpg)
腾讯地图开放平台H5定位组件简介:
1 业内唯一专门针对H5环境的定位需求的解决方案
2 在微信和QQ浏览器下深度优化,显著提升定位成功率
3 多环境优化适配,完美支持原生定位,微信定位SDK,QQ定位SDK,IP定位等
4 紧跟web标准,最先支持iOS10
详细信息请参考官网地址:http://lbs.qq.com/tool/component-geolocation.html
腾讯地图开放平台技术专家通过分析发现,在iOS10 中苹果对webkit定位权限进行了修改,所有定位请求的页面必须是https协议的。在http协议下通过html5原生定位接口会返回错误,无法正常定位。通过浏览器调试控制台我们可以看http访问报错的详细信息:
![](http://img2.donews.com/2016/0914/19786410.png.450.jpg)
接入腾讯的H5定位组件,无感支持iOS10
腾讯地图开放平台在很早就支持了https的H5定位。不管是已经支持了https协议,还是依然使用http协议的web页,只要你接入了它,对于iOS 10的定位支持是无感的,都可以完美正常定位。
而你只需要完成以下两步:
方式一:纯JS调用
第一步:引入js文件
<scarpt src="http://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js" />
第二步:创建定位对象,即可发起定位
var geolocation = new qq.maps.Geolocation("DZYBZ-73WWI-FG6GZ-5JRFR-PNVIE-4OFUL", "myapp");
geolocation.getLocation(sucCallback, errCallback);
方式二:嵌入iframe完成定位
第一步:引入定位iframe
<iframe id="geoPage" width=0 height=0 frameborder=0 style="display:none;" scrolling="no"
src="https://apis.map.qq.com/tools/geolocation?key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp">
</iframe>
第二步:监听事件并完成定位
window.addEventListener('message', function(event) {
// 接收位置信息
var loc = event.data;
console.log('location', loc);
}, false);
简简单单,两步搞定。
美团外卖等大型网站已经完美接入腾讯地图开放平台开发的H5定位组件,平稳度过iOS10升级,确保客户和业务未受影响:
![](http://img2.donews.com/2016/0914/91247064.png.450.jpg)
腾讯地图开放平台H5定位组件简介:
1 业内唯一专门针对H5环境的定位需求的解决方案
2 在微信和QQ浏览器下深度优化,显著提升定位成功率
3 多环境优化适配,完美支持原生定位,微信定位SDK,QQ定位SDK,IP定位等
4 紧跟web标准,最先支持iOS10
详细信息请参考官网地址:http://lbs.qq.com/tool/component-geolocation.html
相关文章推荐
- e络盟成为ARM mbed开发平台全球首个支持服务合作伙伴
- 腾讯地图开放平台定位服务使用注意事项
- 智慧警务指挥决策平台,助力平安城市升级
- 涛舅舅微信域名检测平台升级通知:支持在线批量检测模块
- 优维AWS合作再升级,AWS全球技术大会re:Invent Recap广州站开放报名!
- NAB展会新闻:微软和媒体娱乐合作伙伴在Windows Azure平台上发展数字供应链解决方案
- Atto全面升级支持Macs平台的XtendSAN系统
- Android WebView 支持H5的定位Js
- 基于高德开放平台SDK的定位Demo
- 让我们共同构筑物联网起飞的平台:物联网操作系统Hello China寻求应用合作伙伴
- h5不支持定位了
- jeewx-api 1.0.5 版本发布,微信SDK接口封装(支持微信第三方开放平台)
- NAB展会新闻:微软和媒体娱乐合作伙伴在Windows Azure平台上发展数字供应链解决方案
- 合作伙伴生态系统让企业平稳过渡到“云时代”
- 助力企业数字化转型,阿里云宣布企业服务合作伙伴计划
- 地图map开放平台总集:百度地图,腾讯地图,高德地图
- 新浪微博开放平台推合作计划:青睐中小网站
- jeewx-api 1.0.5 版本发布,微信SDK接口封装(支持微信第三方开放平台)
- 阿里云助力合作伙伴帮助政府、企业体验云计算大数据魅力!
- 咏南中间件支持DELPHI低版本开发的两层程序平稳升级到三层