基于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类型增加方法的实现代码(增加功能)
Dec 29 Javascript
用js判断页面是否加载完成实现代码
Dec 11 Javascript
jQuery响应鼠标事件并隐藏与显示input默认值
Aug 24 Javascript
让JavaScript中setTimeout支持链式操作的方法
Jun 19 Javascript
浅谈jQuery中ajaxPrefilter的应用
Aug 01 Javascript
JavaScript中的 attribute 和 jQuery中的 attr 方法浅析
Jan 04 Javascript
js实现tab选项卡切换功能
Jan 13 Javascript
vue axios基于常见业务场景的二次封装的实现
Sep 21 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
vueScroll实现移动端下拉刷新、上拉加载
Mar 22 Javascript
js实现QQ邮箱邮件拖拽删除功能
Aug 27 Javascript
vue3 自定义图片放大器效果的示例代码
Jul 23 Vue.js
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
Mysql中limit的用法方法详解与注意事项
2008/04/19 PHP
一道关于php变量引用的面试题
2010/08/08 PHP
深入密码加salt原理的分析
2013/06/06 PHP
解析php框架codeigniter中如何使用框架的session
2013/06/24 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
PHP中ini_set与ini_get用法实例
2014/11/04 PHP
微信公众平台消息接口校验与消息接口响应实例
2014/12/23 PHP
详解PHP中的Traits
2015/07/29 PHP
PHP文件操作实例总结
2016/09/27 PHP
浅谈PHPANALYSIS提取关键字
2019/03/08 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
javascript密码强度校验代码(两种方法)
2015/08/10 Javascript
浅谈jquery中next与siblings的区别
2016/10/27 Javascript
jQuery复合事件用法示例
2017/06/10 jQuery
认识jQuery的Promise的具体使用方法
2017/10/10 jQuery
vue组件发布到npm简单步骤
2017/11/30 Javascript
angularjs中判断ng-repeat是否迭代完的实例
2018/09/12 Javascript
Nodejs对postgresql基本操作的封装方法
2019/02/20 NodeJs
[01:10:49]Secret vs VGJ.S 2018国际邀请赛淘汰赛BO3 第二场 8.24
2018/08/25 DOTA
python中的一些类型转换函数小结
2013/02/10 Python
Python实现字符串格式化输出的方法详解
2017/09/20 Python
Python使用文件锁实现进程间同步功能【基于fcntl模块】
2017/10/16 Python
Python SQL查询并生成json文件操作示例
2018/08/17 Python
Django在pycharm下修改默认启动端口的方法
2019/07/26 Python
Python Web框架之Django框架cookie和session用法分析
2019/08/16 Python
Python网络编程之使用TCP方式传输文件操作示例
2019/11/01 Python
基于python实现MQTT发布订阅过程原理解析
2020/07/27 Python
python实现跨年表白神器--你值得拥有
2021/01/04 Python
基于 HTML5 的 WebGL 3D 版俄罗斯方块的示例代码
2018/05/28 HTML / CSS
物理教师自荐信范文
2013/12/28 职场文书
2014年自我评价
2014/01/04 职场文书
留学推荐信范文
2014/05/10 职场文书
2014年人力资源部工作总结
2014/11/19 职场文书
农村环境卫生倡议书
2015/04/29 职场文书
房屋租赁意向书范本
2015/05/09 职场文书
中秋节随笔
2015/08/15 职场文书