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 相关文章推荐
简单的JS多重继承示例
Mar 13 Javascript
JQuery 引发两次$(document.ready)事件
Jan 15 Javascript
小议Javascript中的this指针
Mar 18 Javascript
jquery实现页面虚拟键盘特效
Aug 08 Javascript
jQuery实现下滑菜单导航效果代码
Aug 25 Javascript
基于JS代码实现导航条弹出式悬浮菜单
Jun 17 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
Cookies 和 Session的详解及区别
Apr 21 Javascript
JavaScript 获取元素在父节点中的下标(推荐)
Jun 28 Javascript
灵活使用console让js调试更简单的方法步骤
Apr 23 Javascript
vuex存储复杂参数(如对象数组等)刷新数据丢失的解决方法
Nov 05 Javascript
javascript实现拼图游戏
Jan 29 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
PHP开发不能违背的安全规则 过滤用户输入
2011/05/01 PHP
将PHP程序中返回的JSON格式数据用gzip压缩输出的方法
2016/03/03 PHP
php实现的后台表格分页功能示例
2017/10/23 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
JS截取字符串常用方法整理及使用示例
2013/10/18 Javascript
jquery数组之存放checkbox全选值示例代码
2013/12/20 Javascript
jquery绑定事件不生效的解决方法
2014/02/11 Javascript
jQuery Masonry瀑布流插件使用详解
2014/11/17 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
JS实现匀加速与匀减速运动的方法示例
2017/09/04 Javascript
springMvc 前端用json的方式向后台传递对象数组方法
2018/08/07 Javascript
vue项目中,main.js,App.vue,index.html的调用方法
2018/09/20 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
2019/07/10 Javascript
JavaScript实现省份城市的三级联动
2020/02/11 Javascript
Python 条件判断的缩写方法
2008/09/06 Python
合并Excel工作薄中成绩表的VBA代码,非常适合教育一线的朋友
2009/04/09 Python
Python实现的Google IP 可用性检测脚本
2015/04/23 Python
python实现井字棋游戏
2020/03/30 Python
用Python设计一个经典小游戏
2017/05/15 Python
详解Python3 中hasattr()、getattr()、setattr()、delattr()函数及示例代码数
2018/04/18 Python
Python实现按中文排序的方法示例
2018/04/25 Python
Python算法中的时间复杂度问题
2019/11/19 Python
CSS3 倾斜的网页图片库实例教程
2009/11/14 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
2010/01/26 HTML / CSS
锐步香港官方网上商店:Reebok香港
2020/11/05 全球购物
旅游管理专业生自荐信范文
2014/01/02 职场文书
公司企业表扬信
2014/01/11 职场文书
工程类专业自荐信范文
2014/03/09 职场文书
品质标语大全
2014/06/21 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
辞旧迎新演讲稿
2014/09/15 职场文书
物业工程部经理岗位职责
2015/04/09 职场文书
2015暑假假期总结
2015/07/13 职场文书
大学生团支书竞选稿
2015/11/21 职场文书