博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5的地理位置定位
阅读量:7223 次
发布时间:2019-06-29

本文共 811 字,大约阅读时间需要 2 分钟。

html5提供的地理位置定位使开发人员不用借助其他软件就能轻松实现位置查找,地图应用,导航等功能。

地理位置定位基本原理
GPS, WIFI, IP, 手机信号基站
核心对象
Geolocation是window.navigator下面的一个对象,该对象提供了实现地理位置定位的接口。
要用该功能需先判断浏览器是否支持navigator.geolocation对象。

navigator.geolocation.getCurrentPosition(success, error, options);

success(position) 获取信息成功的回调函数

对象:

coords.latitude(十进制数的纬度)coords.longitude(十进制数的经度)coords.altitude(海拔,海平面以上以米计)coords.accuracy(位置精确度)coords.altitudeAccuracy(位置的海拔精度)coords.heading(方向,从正北开始以度计)coords.speed(速度,以米/每秒计)timestamp(响应的日期/时间)

error(errorcode) 获取信息失败的回调函数

code是错误代码message是错误信息

options设置配置参数,对象

enableHighAccuracy 表示是否允许使用高精度timeout指定超时时间maximumAge是指缓存的时间

geolocation还有两个方法:

1、watchPosition(success, error, options)表示重复获取地理位置,相当于不断执行getCurrentPosition。
2、clearWatch()用来清除前一次获取的位置信息。

    
Title

 

转载于:https://www.cnblogs.com/jkko123/p/6371969.html

你可能感兴趣的文章
apache安装及多域名解析及域名代理
查看>>
什么是自动化运维 ? 自动化运维的设计思路以及实战
查看>>
Python练习实例100例(持续更新中)
查看>>
非父组件通信
查看>>
Electron系列文章-主进程与渲染进程
查看>>
高性能缓存服务器 nuster v1.8.8.2 和 v1.7.11.2 发布
查看>>
教你快速入门ES6
查看>>
Python 爬虫十六式 - 第六式:JQuery的假兄弟-pyquery
查看>>
宜昌a货翡翠,包头a货翡翠
查看>>
【微信事业群】趣味面试算法题
查看>>
保守的国美再一次进击社交电商,前途未卜?
查看>>
git
查看>>
Python学习教程(Python学习路线):Python 3—手动创建迭代器
查看>>
说说如何在 Virtual Box 中新建 CentOS 虚拟机
查看>>
Cordova + Vue 实现点击两次退出应用
查看>>
JAVA 多用户商城系统b2b2c-Spring Cloud Stream 介绍
查看>>
spring cloud构建互联网分布式微服务云平台-SpringCloud集成项目简介
查看>>
基于房源的画像分析
查看>>
80% UI 初学者走过的弯路,你走了几条?
查看>>
文档和元素的几何滚动
查看>>