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 相关文章推荐
escape、encodeURI、encodeURIComponent等方法的区别比较
Dec 27 Javascript
JavaScript基本概念初级讲解论坛贴的学习记录
Feb 22 Javascript
JS折半插入排序算法实例
Dec 02 Javascript
使用javascript插入样式
Mar 14 Javascript
AngularJS中controller控制器继承的使用方法
Nov 03 Javascript
微信小程序支付及退款流程详解
Nov 30 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
Dec 25 jQuery
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
Mar 01 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
Mar 08 Javascript
浅谈JavaScript 声明提升
Sep 14 Javascript
如何将Node.js中的回调转换为Promise
Nov 10 Javascript
Vue3中toRef与toRefs的区别
Mar 24 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
《Re:从零开始的异世界生活》剧情体验,手游新作定名
2020/04/09 日漫
生成sessionid和随机密码的例子
2006/10/09 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
php从数组中随机选择若干不重复元素的方法
2015/03/14 PHP
php实现仿写CodeIgniter的购物车类
2015/07/29 PHP
关于php中的json_encode()和json_decode()函数的一些说明
2016/11/20 PHP
vmware linux系统安装最新的php7图解
2019/04/14 PHP
laravel框架上传图片实现实时预览功能
2019/10/14 PHP
TP3.2框架分页相关实现方法分析
2020/06/03 PHP
Javascript 获取链接(url)参数的方法[正则与截取字符串]
2010/02/09 Javascript
javascript验证上传文件的类型限制必须为某些格式
2013/11/14 Javascript
js判断游览器类型及版本号的代码
2014/05/11 Javascript
jQuery实现列表的全选功能
2015/03/18 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
js中scrollTop()方法和scroll()方法用法示例
2016/10/03 Javascript
Javascript 两种刷新方法以及区别和适用范围
2017/01/17 Javascript
mongoose更新对象的两种方法示例比较
2017/12/19 Javascript
swiper.js插件实现pc端文本上下滑动功能示例
2018/12/03 Javascript
JS选取DOM元素常见操作方法实例分析
2018/12/10 Javascript
JavaScript Reflect Metadata实现详解
2019/12/12 Javascript
原生js实现点击轮播切换图片
2020/02/11 Javascript
浅谈JSON5解决了JSON的两大痛点
2020/12/14 Javascript
Python使用CMD模块更优雅的运行脚本
2015/05/11 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
对Python的多进程锁的使用方法详解
2019/02/18 Python
Django model update的多种用法介绍
2020/03/28 Python
详解Python是如何实现issubclass的
2019/07/24 Python
Python 词典(Dict) 加载与保存示例
2019/12/06 Python
Pycharm中切换pytorch的环境和配置的教程详解
2020/03/13 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
AmazeUI底部导航栏与分享按钮的示例代码
2020/08/18 HTML / CSS
服务承诺书
2015/01/19 职场文书
事业单位财务人员岗位职责
2015/04/14 职场文书
中国式结婚:司仪主持词(范文)
2019/07/25 职场文书