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 相关文章推荐
javascript+xml实现简单图片轮换(只支持IE)
Dec 23 Javascript
JavaScript实现将xml转换成html table表格的方法
Apr 17 Javascript
javascript中传统事件与现代事件
Jun 23 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
vue购物车插件编写代码
Nov 27 Javascript
vue的状态管理模式vuex
Nov 30 Javascript
JavaScript实现简单的文本逐字打印效果示例
Apr 12 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
Aug 31 Javascript
vue多页面项目中路由使用history模式的方法
Sep 23 Javascript
微信小程序中data-key属性之数据传输(经验总结)
Aug 22 Javascript
vue解决跨域问题(推荐)
Nov 10 Javascript
vue+echarts+datav大屏数据展示及实现中国地图省市县下钻功能
Nov 16 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文件下载处理方法分析
2015/04/22 PHP
谈谈php对接芝麻信用踩的坑
2016/12/01 PHP
基于PHP实现的多元线性回归模拟曲线算法
2018/01/30 PHP
浅谈php使用curl模拟多线程发送请求
2019/03/08 PHP
jQuery基础框架浅入剖析
2012/12/27 Javascript
JS实现一键回顶功能示例代码
2013/10/28 Javascript
用jquery中插件dialog实现弹框效果实例代码
2013/11/15 Javascript
JS实现鼠标单击与双击事件共存
2014/03/08 Javascript
全面兼容的javascript时间格式化函数(比较实用)
2014/05/14 Javascript
jQuery中on()方法用法实例详解
2015/02/06 Javascript
javascript获取文档坐标和视口坐标
2015/05/26 Javascript
IE6兼容透明背景图片及解决方案
2015/08/19 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
轻松实现jquery手风琴效果
2016/01/14 Javascript
使用nodejs爬取前程无忧前端技能排行
2017/05/06 NodeJs
javascript回调函数详解
2018/02/06 Javascript
JQuery中DOM节点的操作与访问方法实例分析
2019/12/23 jQuery
[56:17]NB vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
python求解水仙花数的方法
2015/05/11 Python
python删除指定类型(或非指定)的文件实例详解
2015/07/06 Python
简单实现python画圆功能
2018/01/25 Python
详解tensorflow实现迁移学习实例
2018/02/10 Python
Python实现时钟显示效果思路详解
2018/04/11 Python
Python Logging 日志记录入门学习
2018/06/02 Python
Python 中Django安装和使用教程详解
2019/07/03 Python
Python中qutip用法示例详解
2020/10/02 Python
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
文秘自荐信
2013/10/20 职场文书
装潢设计专业推荐信模板
2013/11/26 职场文书
化妆品促销方案
2014/02/24 职场文书
《春笋》教学反思
2014/04/15 职场文书
舞蹈专业求职信
2014/06/13 职场文书
高中生期中考试失利检讨书
2014/10/23 职场文书
2014年爱国卫生工作总结
2014/11/22 职场文书
房屋授权无偿使用证明
2014/11/29 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS