基于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 相关文章推荐
showModelessDialog()使用详解
Sep 21 Javascript
JavaScript中yield实用简洁实现方式
Jun 12 Javascript
jquery插件jquery倒计时插件分享
Dec 27 Javascript
JS实现文字向下滚动完整实例
Feb 06 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
Sep 04 Javascript
javascript实现3D切换焦点图
Oct 16 Javascript
jquery拖拽排序简单实现方法(效果增强版)
Feb 16 Javascript
jQuery操作iframe中js函数的方法小结
Jul 06 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
vue和iview实现Scroll 数据无限滚动功能
Oct 31 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
Node.js创建一个Express服务的方法详解
Jan 06 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 bootstrap实现简单登录
2016/03/08 PHP
超级简单的图片防盗(HTML),好用
2007/04/08 Javascript
Javascript 实现TreeView CheckBox全选效果
2010/01/11 Javascript
返回页面顶部top按钮通过锚点实现(自写)
2013/08/30 Javascript
对 jQuery 中 data 方法的误解分析
2014/06/18 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
2014/12/20 Javascript
网页从弹窗页面单选框传值至父页面代码分享
2015/09/29 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
Bootstrap carousel轮转图的使用实例详解
2016/05/17 Javascript
Ionic 2 实现列表滑动删除按钮的方法
2017/01/22 Javascript
JS中type="button"和type="submit"的区别
2017/07/04 Javascript
Angular.js中window.onload(),$(document).ready()的写法浅析
2017/09/28 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
webpack打包node.js后端项目的方法
2018/03/10 Javascript
30分钟快速实现小程序语音识别功能
2018/11/27 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
vue日历/日程提醒/html5本地缓存功能
2019/09/02 Javascript
JavaScript图片旋转效果实现方法详解
2020/06/28 Javascript
[04:54]DOTA2 2017国际邀请赛:上届冠军WINGS采访短片
2017/08/09 DOTA
[01:35:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第一场 1月18日
2021/03/11 DOTA
Python multiprocessing模块中的Pipe管道使用实例
2015/04/11 Python
Python编写生成验证码的脚本的教程
2015/05/04 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
python求加权平均值的实例(附纯python写法)
2019/08/22 Python
Python大数据之从网页上爬取数据的方法详解
2019/11/16 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
网站域名和主机:Domain.com
2019/04/01 全球购物
预备党员党校学习自我评价分享
2013/11/12 职场文书
女大学生自我鉴定
2013/12/09 职场文书
应届生如何写自荐信
2014/01/05 职场文书
廉洁自律承诺书范文
2015/04/28 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
求职自荐信该如何书写?
2019/06/24 职场文书
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL