JavaScript获取用户所在城市及地理位置


Posted in Javascript onApril 21, 2018

下面一段代码给大家分享js 获取用户所在城市,具体代码如下所述:

<!doctype html> 
<html lang="en"> 
 <head> 
 <meta charset="UTF-8"> 
 <title>获取用户地理位置</title> 
 <script type="text/javascript" src="./jquery-3.3.1.js"></script> 
 </head> 
 <body> 
 </body> 
</html> 
<script> 
$.getScript('http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js',function(){  
 alert(remote_ip_info.country);//国家  
 alert(remote_ip_info.province);//省份  
 alert(remote_ip_info.city);//城市  
});  
</script>

JS获取用户地理位置

<script type="text/javascript">
  var x = document.getElementById("x");
  function getLocation() {
    if (navigator.geolocation) {
      navigator.geolocation.getCurrentPosition(showPosition, showError);
    } else {
      x.innerHTML = "该浏览器不支持定位功能!";
    }
  }
  function showPosition(position) {
    x.innerHTML = "纬度:" + position.coords.latitude + "\n经度:"
        + position.coords.longitude;
  }
  function showError(error) {
    switch (error.code) {
    case error.PERMISSION_DENIED:
      x.innerHTML = "用户拒绝对获取地理位置的请求。";
      break;
    case error.POSITION_UNAVAILABLE:
      x.innerHTML = "位置信息是不可用的。";
      break;
    case error.TIMEOUT:
      x.innerHTML = "请求用户地理位置超时。";
      break;
    case error.UNKNOWN_ERROR:
      x.innerHTML = "未知错误。";
      break;
    }
  }
  getLocation();
</script>

总结

以上所述是小编给大家介绍的JavaScript获取用户所在城市及地理位置,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

Javascript 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
doctype后如何获得body.clientHeight的方法
Jul 11 Javascript
JavaScript 大数据相加的问题
Aug 03 Javascript
JavaScript如何从listbox里同时删除多个项目
Oct 12 Javascript
js实现支持手机滑动切换的轮播图片效果实例
Apr 29 Javascript
javascript实现捕捉键盘上按下的键
May 05 Javascript
js操作数据库实现注册和登陆的简单实例
May 26 Javascript
详解vue.js移动端导航navigationbar的封装
Jul 05 Javascript
vue实现验证码输入框组件
Dec 14 Javascript
在Vant的基础上实现添加表单验证框架的方法示例
Dec 05 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
Oct 23 Javascript
Javascript使用integrity属性进行安全验证
Nov 07 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 #Javascript
详解webpack模块化管理和打包工具
Apr 21 #Javascript
Node.Js生成比特币地址代码解析
Apr 21 #Javascript
vue.js与element-ui实现菜单树形结构的解决方法
Apr 21 #Javascript
JS装饰器函数用法总结
Apr 21 #Javascript
vue 之 .sync 修饰符示例详解
Apr 21 #Javascript
关于echarts在节点显示动态数据及添加提示文本所遇到的问题
Apr 20 #Javascript
You might like
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
PHP 输出缓冲控制(Output Control)详解
2016/08/25 PHP
PHP日期和时间函数的使用示例详解
2020/08/06 PHP
json简单介绍
2008/06/10 Javascript
javascript 全等号运算符使用说明
2010/05/31 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
js函数的延迟加载实现代码
2012/10/11 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
jquery获取radio值(单选组radio)
2014/10/16 Javascript
jQuery学习笔记之2个小技巧
2015/01/19 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
2015/02/03 Javascript
JS判断页面是否出现滚动条的方法
2015/07/17 Javascript
多种js图片预加载实现方式分享
2016/02/19 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
JS Testing Properties 判断属性是否在对象里的方法
2017/10/01 Javascript
详解如何将 Vue-cli 改造成支持多页面的 history 模式
2017/11/20 Javascript
详解vue中axios的使用与封装
2019/03/20 Javascript
npm qs模块使用详解
2020/02/07 Javascript
[43:35]TI4 循环赛第二日Liquid vs Fnatic
2014/07/11 DOTA
Python通过matplotlib绘制动画简单实例
2017/12/13 Python
78行Python代码实现现微信撤回消息功能
2018/07/26 Python
python Canny边缘检测算法的实现
2020/04/24 Python
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
MCAKE蛋糕官方网站:一直都是巴黎的味道
2018/02/06 全球购物
新加坡第一的杂货零售商:NTUC FairPrice
2020/12/05 全球购物
公司出纳岗位职责
2013/12/07 职场文书
拾金不昧表扬稿
2015/01/16 职场文书
2015共产党员公开承诺书
2015/01/22 职场文书
廉洁自律个人总结
2015/02/14 职场文书
学校捐款活动总结
2015/05/09 职场文书
企业培训简报范文
2015/07/20 职场文书
公司业务员管理制度
2015/08/05 职场文书
Oracle创建只读账号的详细步骤
2021/06/07 Oracle
SpringBoot 集成短信和邮件 以阿里云短信服务为例
2022/04/22 Java/Android