欢迎来到模板无忧!织梦模板,dede模板下载,织梦cms模板,免费网站模板下载站

模板无忧

HTML5中的定位系统

企业模板

HTML5的出现大大节省了大家的开发本钱。由于它通吃PC、Mac、iPhone、iPad、Android、Windows Phone等跨语言平台。技术员们再也不必为不同款的手机做不一样的APP了。

HTML5的出现会使得手机中的原生态APP降低。

因为第三方插件的降低,手机内存富裕,那样手机电量自然也会相对持久一些。

HTML5的出现使得手机里可以不需要再有Flash了。由于HTML5就有这种魔力使得大家观看多媒体时不必安装Flash等第三方插件。

HTML5使得设计师们可以设计出愈加美观的网页。

HTML5使得手机定位服务更便捷,由于它达成了基于地点的功能,想定位,直接点击“附近”就能轻松解决。

1.Geolocation

来介绍一下HTML5的定位系统!

用户赞同(允许)之后,Geolocation 的 api 就能起用途了。

HTML5 的 geolocation 是一个让人开心的 API,通过这套 API,Javascript 代码就可以访问到用户的目前地方。当然,访问之前需要得到用户的明确认同,即赞同在页面共享地方。假如页面尝试访问地点信息,浏览器就会显示一个对话 框,请求用户许可共享其地点信息

Geolocation API 在浏览器中的达成是 navigator.geolocation 对象,这个对象包括 3 个办法。第一个办法是 getCurrentPosition,调用这个办法就会触发请求用户共享地理定位信息的对话框。

2.getCurrentPosition 办法

假如要跟踪用户的地方,那样可以用 watchPosition 办法。这个办法的用和 getCurrentPosition 一模一样。事实上 watchPosition 与定时调用 getCurrentPosition 能得到相同成效。在首次调用 watchPosition 办法后,会获得目前地方,实行成功回调或者错误回调。然后,watchPosition 就地等待系统发出地方已改变的信号。

3.watchPosition 办法

var watchId = navigator.geolocation.watchPosition(geo_success, geo_error);

调用 watchPosition 会返回一个数值标识符,用于跟踪监控的操作。基于这个返回值可以取消监控操作,只须将其传递给 clearWatch 办法即可(与用 setTimeout() 和 clearTimeout() 类似),比如:

Geolocation 定位原理

clearWatch(watchId);

在HTML5的达成中,手机等手机当然优先用GPS定位,而笔记本和部分平板,最准的定位是WIFI,至于网线上网的台式机,通常就只能用IP来定位了,这个准确度最低。

Geolocation API 的数据出处可能是 GPS、IP 地址、RFID、WiFi、蓝牙 MAC 地址、GSM/CDMA 卡 ID 等。由于 Geolocation API 是运行在你当地设施上的。所以,在用 VPN 或加盟的状况下,Geo API 仍能获得你准确的 IP 地址信息(除非由于某些原因浏览器获得不到这类信息)。


希望以上内容可以解决您的问题!
如有其他问题欢迎大家一起交流学习!
作者:酱油妹 来源:www.srgoc.cn 关注: 时间:2022-04-11 22:00
版权声明:凡注明来源为http://www.nsxcb.cn的均为本站原创,转载请注明来源。
本文网址:http://www.nsxcb.cn/HTML/HTML5/20220411/13720.html
凡本站提供教程均已验证教程的准确性。
相关教程
在线客服

织梦模板 整站模板 新手教程 使用技巧