HTML5获取地理定位的原理和步骤是什么
Admin 2022-07-15 群英技术资讯 548 次浏览
获取地理位置的原理
大部分的设备分享地理位置需要用户权限,那么设备是怎么识别地理位置的呢?大致有如下两种方式:
通过移动端的IP地址进行定位(包括WiFi,CDMA等)。
通过卫星定位获得经纬度信息的 GPS 设备。
首先我们需要设置调用函数来申请获取权限,然后利用回调函数获取地理位置信息,最后对于输出结果我们要进行容错处理。
获取地理位置的步骤
步骤一:调用位置函数
function get_location() { navigator.geolocation.getCurrentPosition(show_map, handle_error, PositionOptions); }
步骤二:获取地理位置
function show_map(position) { var latitude = position.coords.latitude;//获取纬度 var longitude = position.coords.longitude;//获取经度 }
其中这个回调函数要传入一个 position 对象,就是获取到的位置信息。position属性如图所示
步骤三:容错处理
function handle_error(err) { switch(err.code) { case err.PERMISSION_DENIED: break; case err.POSITION_UNAVAILABLE: break; case err.TIMEOUT: break; case err.UNKNOWN_ERROR: break; } }
在此列出了四种错误情况
用户拒绝对获取地理位置的请求。
位置信息不可用。
请求地理位置信息超时。
未知错误。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。
猜你喜欢
本篇文章今天主要给大家介绍下XHTML入门之表单标签是怎么操作的,具有一定的参考价值,感兴趣的小伙伴可以参考参考看看。
这篇文章主要介绍了原生 JS+CSS+HTML 实现时序图的方法,本文通过实例代码图文介绍的非常详细,需要的朋友可以参考下
我们要点击链接进入想要浏览的页面,这个过程在HTML中要怎么实现?其实是将HTML文档和超链接链接到一起而形成的,今天小编就和大家一起学习HTML中的超链接标签使用教程吧!
vue打包后js和css、图片不显示,引用的字体找不到问题;图片一般都是背景图片。一、vue打包出现js和css不显示问题:1、不使用mode:‘history’2、使用mode:‘history’手动添加:dist包不是服务器跟目录,在index.htm里手动给js和css添加dist目录即可/dist/;3、或者使用mode:‘history’修改配置:config里面的index
这篇文章主要介绍transition和animation的区别,为了帮助大家了解清楚transition属性和animation属性的不同,本文对transition属性和animation属性都有很详细的介绍,感兴趣的朋友就继续往下看吧。
成为群英会员,开启智能安全云计算之旅
立即注册Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所有
增值电信经营许可证 : B1.B2-20140078 粤ICP备09006778号 域名注册商资质 粤 D3.1-20240008