iphone手机微信端html5 Geolocation定位失效的问题
2017-09-15 09:49
246 查看
使用Geolocation方法存在错误信息error.POSITION_UNAVAILABLE
其实问题不局限于微信端而是iphone升级到ios10后,对获取地理位置信息作出了限制,只有https的方式才能获取
然而用腾讯地图的api可以直接获取,代码如下:
注意获取到的经纬度信息是腾讯地图的经纬度信息,不同地图用的经纬度互相都不一样
如果要使用于其他地图的定位(如百度地图),要去找类似于:(腾讯经纬度转百度经纬度)的转化方法才能使用。
其实问题不局限于微信端而是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 完美解决javascript中iphone手机和android手机复制文本到剪切板问题
- 如何解决iphone手机微信浏览器中滑动到页面底部出现黑色背景盖住position:fixed的页面元素的问题?
- 利用html5实现类似微信的手机摇一摇功能,并播放音乐,并且解决中文乱码的问题。
- HTML5基础加强css样式篇(float补充,清除浮动解决高度塌陷问题,定位补充)(一)
- 最近网页开发, 遇到的, 微信, iphone 的一些兼容性问题
- 微信手机页面缓存问题
- 安卓微信浏览器中location.href失效的问题
- HTML5 地理位置定位(HTML5 Geolocation)原理及应用
- 微信开发 LBS位置定位存在问题的改进 基于java语言和mysql数据库
- iOS8定位问题,在iPhone设置中点击开启定位功能直接崩溃的问题
- HTML5:footer定位(底部+居中)的探讨+div图片居中问题
- ios关于微信分享图片失效的问题
- HTML5 Geolocation API地理定位整理(一)
- HBuilder真机联调iPhone手机设备问题
- 微信端 html5 获取设备宽度失效
- HTML5服务器端推送事件 解决PHP微信墙推送问题