h5地理位置获取与多媒体

本文介绍了H5中的地理定位API,包括getCurrentPosition、watchPosition和devicemotion事件,详细阐述了相关参数和使用场景。同时,还探讨了H5的多媒体处理,如audio和video元素的属性及动态创建方法,提供了丰富的示例代码。
摘要由CSDN通过智能技术生成

在h5当中有现成的关于获取到地理位置的方法window.navigator.geolocation,在h5中当用户同意地理位置获取之后有几个方法是用来对地理位置进行处理的具体方法如下:

1.getCurrentPosition(s,e,p)  success 回调(必须) error回调  option 参数

使用chrome时需要进行翻墙才能获取到所需信息,如果获取数据成功了,

position下面的几个参数

latitude 纬度  longitude 经度  altitu 海拔   accurac 精确定位  altitudeAccuracy 海拔精确度  heading 方向 speed 速度

positionError对象

用户拒绝 code = 1  获取不到 code = 2 获取失败 code = 3

options

enableHighAccurary 是否获得高精度位置默认为false  timeout 单位是ms请求超过时间默认为inifite

maximumAge 单位ms,watchPosition方法则不断获取用户的地理位置信息,位置信息过期时间设置为0 表示无条件的获取新的地理位置信息

2.watchPosition

var id = gelocation.watchPosition(fn) 用于注册监听器,在设备的地理位置发生改变的时候自动被调用 参数与getCurrentPosition相同

clearWatch(id)使用clearWatch清除监听

3.devicemotion事件 监听加速度变化

window.addEventLister(‘deviceMotion’,function(event){

consolo.log(event)

})

accelerationIncludingGravity(包含了地心引力,在Z轴

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值