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 相关文章推荐
基于jquery 的一个progressbar widge
Oct 29 Javascript
JavaScript高级程序设计 阅读笔记(十二) js内置对象Math
Aug 14 Javascript
jquery中的查找parents与closest方法之间的区别
Dec 02 Javascript
深入探讨javascript中的数据类型
Mar 04 Javascript
浅谈javascript中的DOM方法
Jul 16 Javascript
jQuery+ajax读取并解析XML文件的方法
Sep 09 Javascript
AngularJS打开页面隐藏显示表达式用法示例
Dec 25 Javascript
vue实现提示保存后退出的方法
Mar 15 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
Mar 30 Javascript
用Vue编写抽象组件的方法
May 06 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
Aug 26 Javascript
vuex Module将 store 分割成模块的操作
Dec 07 Vue.js
在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
php Ajax乱码
2008/04/09 PHP
iOS+PHP注册登录系统 PHP部分(上)
2016/12/26 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
推荐:极酷右键菜单
2006/11/29 Javascript
js 发个判断字符串是否为符合标准的函数
2009/04/27 Javascript
实现JavaScript中继承的三种方式
2009/10/16 Javascript
jquery.validate使用攻略 第一部
2010/07/01 Javascript
ExtJS下书写动态生成的xml(兼容火狐)
2013/04/02 Javascript
javaScript中的this示例学习详解及工作原理
2014/01/13 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
jQuery获取cookie值及删除cookie用法实例
2016/04/15 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
借助node实战JSONP跨域实例
2017/03/30 Javascript
使用iView Upload 组件实现手动上传图片的示例代码
2018/10/01 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
vue二选一tab栏切换新做法实现
2021/01/19 Vue.js
python中将阿拉伯数字转换成中文的实现代码
2011/05/19 Python
python实现从字符串中找出字符1的位置以及个数的方法
2014/08/25 Python
python提取内容关键词的方法
2015/03/16 Python
Python自动扫雷实现方法
2015/07/25 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
Python读取xlsx文件的实现方法
2019/07/04 Python
python selenium登录豆瓣网过程解析
2019/08/10 Python
python实现低通滤波器代码
2020/02/26 Python
python 画图 图例自由定义方式
2020/04/17 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
Python内置函数property()如何使用
2020/09/01 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
CSS3 transform的skew属性值图文详解
2014/07/21 HTML / CSS
廉洁自律承诺书
2014/03/27 职场文书
绿色出行口号
2014/06/18 职场文书
2014年学校卫生工作总结
2014/11/20 职场文书
警告通知
2015/04/25 职场文书
三严三实·严以修身心得体会
2016/01/15 职场文书
2016党员干部廉政准则学习心得体会
2016/01/20 职场文书