h5新特性 位置定位

web端获取定位位置的标签是js中使用

一。单次定位

//参数1  定位成功回调函数,position参数 position函数包含了用户的位置信息

varsucessCallBack=function(position){

varcoor= position.coords;

document.write('维度:'+coor.latitude+'经度'+coor.longitude);

}

//参数2  定位失败回调函数 error参数 errorCode message

varfailCallBack=function(error){

document.write('定位出错'+ error.errorCode+ error.message);

}

//参数3  定位属性的设置 可选  定位精确度

varoptions= {

//是否为高经度

enableHightAccuracy:true,

//超时时间

timeout:50000,

//位置信息缓存保留时长

maximumAge:10000

};

navigator.geolocation.getCurrentPosition(sucessCallBack,

failCallBack,

options

);


二。实时监听定位

 var wachrID = navigator.geolocation.watchPosition(sucessCallBack,

failCallBack,

options);


//清除监听navigator.geolocation.clearWatch(watchID);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 908评论 0 3
  • 当今技术定位的方式,有位置信息来源定位,IP定位,GPS定位,WIFI定位,手机定位和自定义定位。本文通过获取经纬...
    dovlie阅读 6,455评论 0 8
  • 基本示例 html基础代码: js代码: 地理定位中概要知识点 与蜂窝基站三角定位或网络IP相比,GPS是获取位置...
    lincimy阅读 1,054评论 0 1
  • 新增的元素 html5新增了一些语义化更好的标签元素。 结构元素 article元素,表示页面中的一块与上下文不相...
    dxxwdong阅读 478评论 0 2
  • 这也许是我有生以来,坚持最久的一次打卡。 站在起点看终点,太过遥远。 100天不间断,中间还有咱们传统的春节, 这...
    梨子家后花园阅读 586评论 1 4

友情链接更多精彩内容