基于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获得url所有参数键值表的方法
Mar 21 Javascript
jQuery插件pagination实现无刷新分页
May 21 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 Javascript
JQuery遍历元素的父辈和祖先的方法
Sep 18 Javascript
jQuery中Chosen三级联动功能实例代码
Mar 07 Javascript
vue+springboot实现项目的CORS跨域请求
Sep 05 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【圆形情况】
Dec 13 Javascript
关于vue项目中搜索节流的实现代码
Sep 17 Javascript
判断JavaScript中的两个变量是否相等的操作符
Dec 21 Javascript
优化Vue中date format的性能详解
Jan 13 Javascript
JS实现京东商品分类侧边栏
Dec 11 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异常:Parse error: syntax error, unexpected T_ENCAPSED_AND_WHITESPACE  eval()'d code error
2011/05/19 PHP
php跨站攻击实例分析
2014/10/28 PHP
简单的php+mysql聊天室实现方法(附源码)
2016/01/05 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
使用Zookeeper分布式部署PHP应用程序
2019/03/15 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
javascript完美拖拽的实现方法
2013/09/29 Javascript
jquery动态加载select下拉框示例代码
2013/12/10 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
jquery ajax分页插件的简单实现
2016/01/27 Javascript
实例讲解JS中setTimeout()的用法
2016/01/28 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
2016/03/05 Javascript
Javascript实现鼠标框选操作  不是点击选取
2016/04/14 Javascript
常用jQuery选择器汇总
2017/02/02 Javascript
详解Javascript几种跨域方式总结
2017/02/27 Javascript
javascript中数组的常用算法深入分析
2019/03/12 Javascript
jQuery+ThinkPHP实现图片上传
2020/07/23 jQuery
[02:31]《DAC最前线》之选手酒店现场花絮
2015/01/30 DOTA
python 文件和路径操作函数小结
2009/11/23 Python
Numpy中stack(),hstack(),vstack()函数用法介绍及实例
2018/01/09 Python
python 监听salt job状态,并任务数据推送到redis中的方法
2019/01/14 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
深入了解Python 变量作用域
2020/07/24 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
Fossil美国官网:Fossil手表、手袋、珠宝及配件
2017/02/01 全球购物
请用Java实现列出某个目录下的所有文件
2013/09/23 面试题
申论倡议书范文
2014/05/13 职场文书
电子信息专业应届生自荐信
2014/06/04 职场文书
房地产营销活动策划方案
2014/09/15 职场文书
教育项目合作协议书格式
2014/10/17 职场文书
党员反腐倡廉学习心得体会
2015/08/15 职场文书
2015年教师党员个人总结
2015/11/24 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
MySQL kill不掉线程的原因
2021/05/07 MySQL