html选择定位位置,html5的地理位置定位

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

if(navigator.geolocation) {

navigator.geolocation.getCurrentPosition(function(position) {

console.log("纬度:" + position.coords.latitude);

console.log("经度:" + position.coords.longitude);

}, function(error) {

console.log(error.message);

}, {});

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值