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遮罩层效果导航菜单代码分享
Dec 25 Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 Javascript
javascript内置对象操作详解
Feb 04 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
Apr 19 Javascript
jQuery实现的放大镜效果示例
Sep 13 Javascript
基于js中的原型(全面讲解)
Sep 19 Javascript
JavaScript引用类型Function实例详解
Aug 09 Javascript
layui获取选中行数据的实例讲解
Aug 19 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
Vue中图片Src使用变量的方法
Oct 30 Javascript
JS实现TITLE悬停长久显示效果完整示例
Feb 11 Javascript
JavaScript 装逼指南(js另类写法)
May 10 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
WordPress判断用户是否登录的代码
2011/03/17 PHP
php调用C代码的实现方法
2014/03/11 PHP
PHP安全的URL字符串base64编码和解码
2014/06/19 PHP
Yii使用ajax验证显示错误messagebox的解决方法
2014/12/03 PHP
详解PHP用substr函数截取字符串中的某部分
2016/12/03 PHP
PHP判断是否是微信打开,浏览器打开的方法
2018/03/14 PHP
PHP常用字符串函数用法实例总结
2020/06/04 PHP
PHP7 弃用功能
2021/03/09 PHP
Javascript实现简单的富文本编辑器附演示
2014/06/16 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
基于Jquery和html5实现炫酷的3D焦点图动画
2016/03/02 Javascript
BootStrap中Datepicker控件带中文的js文件
2016/08/10 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
详解如何使用PM2将Node.js的集群变得更加容易
2017/11/15 Javascript
Vue 父子组件数据传递的四种方式( inheritAttrs + $attrs + $listeners)
2018/05/04 Javascript
在Vue中获取组件声明时的name属性方法
2018/09/12 Javascript
react-router 路由切换动画的实现示例
2018/12/03 Javascript
Electron 调用命令行(cmd)
2019/09/23 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
2020/03/03 Javascript
[01:14]DOTA2 7.22版本新增神杖效果展示(智力英雄篇)
2019/05/29 DOTA
python二叉树遍历的实现方法
2013/11/21 Python
python判断列表的连续数字范围并分块的方法
2018/11/16 Python
python2与python3的print及字符串格式化小结
2018/11/30 Python
python url 参数修改方法
2018/12/26 Python
django框架中ajax的使用及避开CSRF 验证的方式详解
2019/12/11 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
英国床垫在线:Mattress Online
2016/12/07 全球购物
伦敦最受欢迎的蛋糕店:Konditor & Cook
2019/11/01 全球购物
应届毕业生求职信范文
2014/05/08 职场文书
销售队伍口号
2014/06/11 职场文书
学历证明范文
2015/06/16 职场文书
《将心比心》教学反思
2016/02/23 职场文书
小学六一儿童节活动开幕词
2016/03/04 职场文书
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
Golang 入门 之url 包
2022/05/04 Golang