码迷,mamicode.com
首页 > 其他好文 > 详细

获取用户地理位置

时间:2017-06-26 11:37:22      阅读:172      评论:0      收藏:0      [点我收藏+]

标签:navigator   git   current   getc   cas   color   err   etc   else   

1、利用h5 属性获取用户地理位置

  h5的新增属性是支持用户获取地理位置的特别是手机,支持的情况会更好。具体写法如下

// 定位功能
            getLocation () {
                if (navigator.geolocation) {
                    navigator.geolocation.getCurrentPosition(showPosition, showError);
                } else {
                    alert(浏览器不支持地理定位。);
                }
            },
      // 定位成功 showPosition (position) {
var lat = position.coords.latitude; // 纬度 var lag = position.coords.longitude; // 经度 alert(纬度: + lat + ,经度: + lag); },
      // 处理失败 showError (error) {
switch (error.code) { case error.PERMISSION_DENIED: alert(定位失败,用户拒绝请求地理定位); break; case error.POSITION_UNAVAILABLE: alert(定位失败,位置信息是不可用); break; case error.TIMEOUT: alert(定位失败,请求获取用户位置超时); break; case error.UNKNOWN_ERROR: alert(定位失败,定位系统失效); break; } }

只需要这三个函数便可以了。执行

getLocation () 
这个函数便可以获取经纬度了

 

获取用户地理位置

标签:navigator   git   current   getc   cas   color   err   etc   else   

原文地址:http://www.cnblogs.com/haonanZhang/p/7079493.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!