基于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 相关文章推荐
js禁止document element对象选中文本实现代码
Mar 21 Javascript
jquery 取子节点及当前节点属性值
Jul 25 Javascript
javascript实现计时器的简单方法
Feb 21 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
Vue系列:通过vue-router如何传递参数示例
Jan 16 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
Jan 18 Javascript
JS实现中国公民身份证号码有效性验证
Feb 20 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
javascript防抖函数debounce详解
Jun 11 Javascript
JS中的const命令你真懂它吗
Mar 08 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 Javascript
vue实现下拉菜单树
Oct 22 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.ini实现Mysql导入数据库文件最大限制的修改方法
2007/12/11 PHP
用php过滤危险html代码的函数
2008/07/22 PHP
PHP 简单数组排序实现代码
2009/08/05 PHP
关于页面优化和伪静态
2009/10/11 PHP
采用thinkphp自带方法生成静态html文件详解
2014/06/13 PHP
PHP strripos函数用法总结
2019/02/11 PHP
php curl发送请求实例方法
2019/08/01 PHP
基于jquery的一个拖拽到指定区域内的效果
2011/09/21 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
node.js中的fs.symlinkSync方法使用说明
2014/12/15 Javascript
jQuery实现在textarea指定位置插入字符或表情的方法
2015/03/11 Javascript
完善的jquery处理机制
2016/02/21 Javascript
jquery ztree实现模糊搜索功能
2016/02/25 Javascript
纯JavaScript手写图片轮播代码
2016/10/20 Javascript
javascript设置文本框光标的方法实例小结
2016/11/04 Javascript
js转换对象为xml
2017/02/17 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
2018/03/07 Javascript
微信小程序实现点击导航标签滚动定位到对应位置
2020/11/19 Javascript
[01:13:01]2018DOTA2亚洲邀请赛 4.4 淘汰赛 TNC vs VG 第三场
2018/04/05 DOTA
Python中使用摄像头实现简单的延时摄影技术
2015/03/27 Python
让python在hadoop上跑起来
2016/01/27 Python
Django 路由系统URLconf的使用
2018/10/11 Python
Django Admin中增加导出CSV功能过程解析
2019/09/04 Python
pandas针对excel处理的实现
2021/01/15 Python
PyCharm+Miniconda3安装配置教程详解
2021/02/16 Python
英国浴室洗脸盆购物网站:Click Basin
2018/06/08 全球购物
构造方法和其他方法的区别?怎么调用父类的构造方法
2013/09/22 面试题
带薪年假请假条
2014/02/04 职场文书
幼儿教师暑期培训方案
2014/08/27 职场文书
入党积极分子批评与自我批评思想汇报
2014/09/14 职场文书
2014年辅导员工作总结
2014/11/18 职场文书
离婚协议书范文2015
2015/01/26 职场文书
合理化建议书范文
2015/09/14 职场文书
继承Win10缺点!教你关闭Win11烦人的网络搜索
2021/11/23 数码科技