基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)


Posted in Javascript onDecember 29, 2015

废话不多说了,直接给大家贴js代码了。具体代码如下所示:

function Location(){};
Location.prototype.getLocation = function(callback){
  var options = {
    enableHighAccuracy: true,
    maximumAge: 1000
  };
  this.callback = Object.prototype.toString.call(callback) =="[object Function]" ?
    callback : 
    function(address){
      alert(address.province + address.city);
      console.log("getocation(callbackFunction) 可获得定位信息对象");
    };
  var self = this;
  if (navigator.geolocation) {
    //浏览器支持geolocation
    navigator.geolocation.getCurrentPosition(function(position){
      //经度
      var longitude = position.coords.longitude;
      //纬度
      var latitude = position.coords.latitude;
      self.loadMapApi(longitude,latitude);
    }, self.onError, options);
  } else {
    //浏览器不支持geolocation
  }
};
Location.prototype.loadMapApi = function(longitude, latitude){
  var self = this;
  var oHead = document.getElementsByTagName('HEAD').item(0);
  var oScript= document.createElement("script");
  oScript.type = "text/javascript";
  oScript.src="http://api.map.baidu.com/getscript?v=2.0&ak=A396783ee700cfdb9ba1df281ce36862&services=&t=20140930184510";
  oHead.appendChild(oScript);
  oScript.onload = function(date){
    var point = new BMap.Point(longitude, latitude);
    var gc = new BMap.Geocoder();
    gc.getLocation(point, function(rs) {
      var addComp = rs.addressComponents;
      self.callback(addComp);
    });
  }
};
Location.prototype.onError = function(error) {
  switch (error.code) {
    case 1:
      alert("位置服务被拒绝");
      break;
    case 2:
      alert("暂时获取不到位置信息");
      break;
    case 3:
      alert("获取信息超时");
      break;
    case 4:
      alert("未知错误");
      break;
  }
};
//调用
var local = new Location();
local.getLocation(function(res){
  //此处就是返回的地理位置信息
  console.log(res);
})

以上内容是小逼给大家介绍的基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号),希望大家喜欢。

Javascript 相关文章推荐
javascript 简单高效判断数据类型 系列函数 By shawl.qiu
Mar 06 Javascript
JS trim去空格的最佳实践
Oct 30 Javascript
如何使用jQuery Draggable和Droppable实现拖拽功能
Jul 05 Javascript
jquery实现瀑布流效果分享
Mar 26 Javascript
浅谈JavaScript中数组的增删改查
Jun 20 Javascript
jQuery 获取select选中值及清除选中状态
Dec 13 Javascript
原生JavaScript实现的简单省市县三级联动功能示例
May 27 Javascript
vue轮播图插件vue-awesome-swiper的使用代码实例
Jul 10 Javascript
老生常谈js数据类型
Aug 03 Javascript
js实现页面图片消除效果
Mar 24 Javascript
JavaScript基于SVG的图片切换效果实例代码
Dec 15 Javascript
如何在JavaScript中正确处理变量
Dec 25 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 #Javascript
使用OpenLayers3 添加地图鼠标右键菜单
Dec 29 #Javascript
javascript实现下拉提示选择框
Dec 29 #Javascript
基于JavaScript如何实现ajax调用后台定义的方法
Dec 29 #Javascript
js+css简单实现网页换肤效果
Dec 29 #Javascript
Jquery使用小技巧汇总
Dec 29 #Javascript
js为什么不能正确处理小数运算?
Dec 29 #Javascript
You might like
PHP出错界面
2006/10/09 PHP
PHP结合JQueryJcrop实现图片裁切实例详解
2014/07/24 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
禁止iframe脚本弹出的窗口覆盖了父窗口的方法
2014/09/06 Javascript
swtich/if...else的替代语句
2015/08/16 Javascript
jQuery实现简单下拉导航效果
2015/09/07 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
浅谈JavaScript的innerWidth与innerHeight
2017/10/12 Javascript
微信小程序如何获取用户信息
2018/01/26 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
p5.js码绘“跳动的小正方形”的实现代码
2019/10/22 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
python语言使用技巧分享
2016/05/31 Python
Python运行报错UnicodeDecodeError的解决方法
2016/06/07 Python
Python处理Excel文件实例代码
2017/06/20 Python
浅谈pandas中shift和diff函数关系
2018/04/08 Python
django认证系统实现自定义权限管理的方法
2018/07/16 Python
python的scipy实现插值的示例代码
2019/11/12 Python
Darphin迪梵官网: 来自巴黎,植物和精油调制的护肤品牌
2016/10/11 全球购物
会计主管岗位职责范文
2013/11/08 职场文书
护士岗位职责
2014/02/16 职场文书
2014年元旦促销活动方案
2014/02/22 职场文书
关爱残疾人演讲稿
2014/05/24 职场文书
爱护公共设施标语
2014/06/24 职场文书
读群众路线的心得体会
2014/09/03 职场文书
先进典型发言材料
2014/12/30 职场文书
担保书格式
2015/01/20 职场文书
七一晚会主持词
2015/06/29 职场文书
2016教师国培研修感言
2015/12/08 职场文书
接收函
2019/04/22 职场文书
详细聊聊浏览器是如何看闭包的
2021/11/11 Javascript
英镑符号 £
2022/02/17 杂记
Elasticsearch 聚合查询和排序
2022/04/19 Python