iphone手机微信端html5 Geolocation定位失效的问题
2016-10-20 10:49
274 查看
使用Geolocation方法存在错误信息error.POSITION_UNAVAILABLE
其实问题不局限于微信端而是iphone升级到ios10后,对获取地理位置信息作出了限制,只有https的方式才能获取
然而用腾讯地图的api可以直接获取,代码如下<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js" ></script>
<script>
function qq_position() {
var geolocation = new qq.maps.Geolocation("OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77", "myapp");
if (geolocation) {
var options = {timeout: 8000};
geolocation.getLocation(showPosition, showErr, options);
} else {
alert("定位尚未加载");
}
}
function showPosition(position) {
console.log(position);
}
;
function showErr(err) {
//所有可能的错误
console.log(err);
}
;
</script>
注意获取到的经纬度信息是腾讯地图的经纬度信息,不同地图用的经纬度互相都不一样
如果要使用于其他地图的定位(如百度地图),要去找类似于:(腾讯经纬度转百度经纬度)的转化方法才能使用。
其实问题不局限于微信端而是iphone升级到ios10后,对获取地理位置信息作出了限制,只有https的方式才能获取
然而用腾讯地图的api可以直接获取,代码如下<script type="text/javascript" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js" ></script>
<script>
function qq_position() {
var geolocation = new qq.maps.Geolocation("OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77", "myapp");
if (geolocation) {
var options = {timeout: 8000};
geolocation.getLocation(showPosition, showErr, options);
} else {
alert("定位尚未加载");
}
}
function showPosition(position) {
console.log(position);
}
;
function showErr(err) {
//所有可能的错误
console.log(err);
}
;
</script>
注意获取到的经纬度信息是腾讯地图的经纬度信息,不同地图用的经纬度互相都不一样
如果要使用于其他地图的定位(如百度地图),要去找类似于:(腾讯经纬度转百度经纬度)的转化方法才能使用。
相关文章推荐
- iphone手机微信端html5 Geolocation定位失效的问题
- 部分国行Android手机缺少谷歌GMS服务包导致HTML5 Geolocation无法定位的问题
- 部分国行Android手机缺少谷歌GSM服务包导致HTML5 Geolocation无法定位的问题
- HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题
- 利用html5实现类似微信的手机摇一摇功能,并播放音乐,并且解决中文乱码的问题。
- 如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?
- HTML5 完美解决javascript中iphone手机和android手机复制文本到剪切板问题
- 解决iPad/iPhone下手机号码会自动被加上a标签的问题
- 微信开发之移动手机WEB页面(HTML5)Javascript实现一键拨号及短信发送功能
- html5指南-4.使用Geolocation实现定位功能
- 利用HTML5中Geolocation获取地理位置在Google Map上定位
- 手机iphone项-测试崩溃问题总结
- iphone之解决NSURLConnection timeout失效问题
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- html5 video 手机上播放和下载的问题
- android手机定位不准的问题
- 有关Chrome下锚点定位失效的问题
- HTML5 Geolocation(地理定位)用于定位用户的位置。
- HTML5 Geolocation定位来得如此简单
- 共享两个最近手机项目的HTML5的widget,星星评级以及标签选项卡,样式美观,iphone/android可用