H5新功能--地理信息geoLocation

navigator.geolocation.getCurrentPosition(function(ev){
alert(ev.coords);//坐标(成功)
},function(ev){
ev.code //错误状态码(失败)
ev.message// 错误信息
});

ev.code 错误信息
0 未知错误
1 用户拒绝
2 获取失败
3.超时

getCurrentPosition :只能获取一次
watchPosition: 和定时器 一模一样,实时监控获取

document.addEventListener('DOMContentLoaded',function(){
var oBtn1 = document.getElementById('btn1');
var oBtn2 = document.getElementById('btn2');
var timer = null;
oBtn1.onclick = function(){
if(navigator.geolocation){
timer = navigator.geolocation.watchPosition(function(ev){ console.log(ev.coords.longitude);
console.log(ev.coords.latitude);
},
function(ev){
alert(ev.code+'--------message:'+ev.message);
});
}
};
oBtn2.onclick = function(){
navigator.geolocation.clearWatch(timer);
};
},false);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 4,243评论 0 3
  • 个人博客:https://yeaseonzhang.github.io 花了半个多月的时间,终于又把“JS红宝书”...
    Yeaseon阅读 5,726评论 2 23
  • 当今技术定位的方式,有位置信息来源定位,IP定位,GPS定位,WIFI定位,手机定位和自定义定位。本文通过获取经纬...
    dovlie阅读 11,393评论 0 8
  • Javascript API, 不是真正意义上html5的一部分,是w3c规范。几乎所有现代桌面和移动浏览器都支持...
    shoutinggg阅读 1,514评论 0 0
  • 基本示例 html基础代码: js代码: 地理定位中概要知识点 与蜂窝基站三角定位或网络IP相比,GPS是获取位置...
    lincimy阅读 4,455评论 0 1