基于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 相关文章推荐
JQuery autocomplete 使用手册
Apr 01 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
Jul 13 Javascript
IE6中链接A的href为javascript协议时不在当前页面跳转
Jun 05 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 Javascript
JS+CSS实现自动改变切换方向图片幻灯切换效果的方法
Mar 02 Javascript
JavaScript获取网页中第一个链接ID的方法
Apr 03 Javascript
Jquery 1.9.1源码分析系列(十二)之筛选操作
Dec 02 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
BootStrap注意事项小结(五)表单
Mar 10 Javascript
JavaScript中Require调用js的实例分享
Oct 27 Javascript
chosen实现省市区三级联动
Aug 16 Javascript
html中创建并调用vue组件的几种方法汇总
Nov 17 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
探讨多键值cookie(php中cookie存取数组)的详解
2013/06/06 PHP
php中使用session防止用户非法登录后台的方法
2015/01/27 PHP
Zend Framework教程之Zend_Db_Table_Row用法实例分析
2016/03/21 PHP
Flash对联广告的关闭按钮讨论
2007/01/30 Javascript
一个可以显示阴历的JS代码
2007/03/05 Javascript
js关于命名空间的函数实例
2015/02/05 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
微信小程序 欢迎界面开发的实例详解
2016/11/30 Javascript
jQuery基本选择器和层次选择器学习使用
2017/02/27 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
Vue Cli 3项目使用融云IM实现聊天功能的方法
2019/04/19 Javascript
vue element upload实现图片本地预览
2019/08/20 Javascript
vue 组件内获取actions的response方式
2019/11/08 Javascript
Node.js+Vue脚手架环境搭建的方法步骤
2020/03/08 Javascript
一篇文章带你从零快速上手Rollup
2020/09/07 Javascript
[29:23]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场1
2014/05/23 DOTA
[02:22]2018DOTA2亚洲邀请赛VG赛前采访
2018/04/03 DOTA
pyqt4教程之实现windows窗口小示例分享
2014/03/07 Python
python日志记录模块实例及改进
2017/02/12 Python
对numpy 数组和矩阵的乘法的进一步理解
2018/04/04 Python
使用实现XlsxWriter创建Excel文件并编辑
2018/05/04 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
python引用(import)某个模块提示没找到对应模块的解决方法
2019/01/19 Python
python 定时器,实现每天凌晨3点执行的方法
2019/02/20 Python
详解【python】str与json类型转换
2019/04/29 Python
Python常见数据类型转换操作示例
2019/05/08 Python
Python bytes string相互转换过程解析
2020/03/05 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
Python里面如何实现tuple和list的转换
2012/06/13 面试题
日语专业毕业生自荐信
2013/11/11 职场文书
电子商务专业推荐信范文
2013/12/02 职场文书
销售人员获奖感言
2014/02/05 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
教你怎么用python实现字符串转日期
2021/05/24 Python
MySQL悲观锁与乐观锁的实现方案
2021/11/02 MySQL