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 可以拖动的div实现代码 脚本之家修正版
Jun 26 Javascript
Javascript中valueOf与toString区别浅析
Mar 19 Javascript
在JavaScript中实现类的方式探讨
Aug 28 Javascript
自己写的Javascript计算时间差函数
Oct 28 Javascript
jquery解析JSON数据示例代码
Mar 17 Javascript
使用jQuery判断Div是否在可视区域的方法 判断div是否可见
Feb 17 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
微信小程序视图容器(swiper)组件创建轮播图
Jun 19 Javascript
js继承的这6种方式!(上)
Apr 23 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
Nov 15 Javascript
微信小程序用户授权最佳实践指南
May 08 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脚本数据库功能详解(上)
2006/10/09 PHP
echo, print, printf 和 sprintf 区别
2006/12/06 PHP
php实现网站插件机制的方法
2009/11/10 PHP
PHP中数据库单例模式的实现代码分享
2014/08/21 PHP
使用PHP实现阻止用户上传成人照片或者裸照
2014/12/25 PHP
PHP模拟QQ登录的方法
2015/07/29 PHP
php利用smtp类实现电子邮件发送
2015/10/30 PHP
PHP设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
在浏览器中打开或关闭JavaScript的方法
2015/06/03 Javascript
页面内容排序插件jSort使用方法
2015/10/10 Javascript
JavaScript通过代码调用Flash显示的方法
2016/02/02 Javascript
浅析javascript中的Event事件
2016/12/09 Javascript
js实现带三角符的手风琴效果
2017/03/01 Javascript
Vue.2.0.5过渡效果使用技巧
2017/03/16 Javascript
JavaScript实现各种排序的代码详解
2017/08/28 Javascript
vue父子组件的嵌套的示例代码
2017/09/08 Javascript
jquery拖拽自动排序插件使用方法详解
2020/07/20 jQuery
vue获取form表单的值示例
2019/10/29 Javascript
[01:10]DOTA2次级职业联赛 - U5战队宣传片
2014/12/01 DOTA
Python脚本判断 Linux 是否运行在虚拟机上
2015/04/25 Python
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
python os用法总结
2018/06/08 Python
python pands实现execl转csv 并修改csv指定列的方法
2018/12/12 Python
使用Python制作简单的小程序IP查看器功能
2019/04/16 Python
Python爬取豆瓣视频信息代码实例
2019/11/16 Python
Python基础之函数原理与应用实例详解
2020/01/03 Python
Python smtp邮件发送模块用法教程
2020/06/15 Python
人事助理自荐信
2014/02/02 职场文书
小学语文国培感言
2014/03/04 职场文书
成绩单公证书
2014/04/10 职场文书
先进班集体事迹材料
2014/12/25 职场文书
全民创业工作总结
2015/08/13 职场文书
微信小程序和php的登录实现
2021/04/01 PHP
Python anaconda安装库命令详解
2021/10/16 Python