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 相关文章推荐
使用TextRange获取输入框中光标的位置的代码
Mar 08 Javascript
javascript 事件处理程序介绍
Jun 27 Javascript
js网页版计算器的简单实现
Jul 02 Javascript
JS去除右边逗号的简单方法
Jul 03 Javascript
js取得html iframe中的元素和变量值
Jun 30 Javascript
jQuery表格列宽可拖拽改变且兼容firfox
Sep 03 Javascript
浅谈JS闭包中的循环绑定处理程序
Nov 09 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
Nov 23 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
详解angular2封装material2对话框组件
Mar 03 Javascript
微信小程序实现笑脸评分功能
Nov 03 Javascript
介绍一下28个JS常用数组方法
May 06 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查询网站的PR值
2013/10/30 PHP
Yii安装与使用Excel扩展的方法
2016/07/13 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
Yii框架小部件(Widgets)用法实例详解
2020/05/15 PHP
jQuery实现新消息在网页标题闪烁提示
2015/06/23 Javascript
JavaScript图片轮播代码分享
2015/07/31 Javascript
jQuery简单自定义图片轮播插件及用法示例
2016/11/21 Javascript
vue2.0 better-scroll 实现移动端滑动的示例代码
2018/01/25 Javascript
基于vue.js实现购物车
2020/01/15 Javascript
Python中replace方法实例分析
2014/08/20 Python
详解Python中的__new__()方法的使用
2015/04/09 Python
python实现telnet客户端的方法
2015/04/15 Python
python开发之IDEL(Python GUI)的使用方法图文详解
2015/11/12 Python
Python实现更改图片尺寸大小的方法(基于Pillow包)
2016/09/19 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
Python编程实现及时获取新邮件的方法示例
2017/08/10 Python
Python安装lz4-0.10.1遇到的坑
2018/05/20 Python
计算机二级python学习教程(2) python语言基本语法元素
2019/05/16 Python
python opencv将图片转为灰度图的方法示例
2019/07/31 Python
Django中ORM找出内容不为空的数据实例
2020/05/20 Python
一款利用html5和css3实现的3D滚动特效的教程
2015/01/04 HTML / CSS
世界第一冲浪品牌:O’Neill
2016/08/30 全球购物
史上最全面的Java面试题汇总!
2015/02/03 面试题
计算机工程学院个人求职信
2013/10/05 职场文书
校长就职演讲稿
2014/01/06 职场文书
医务人员自我评价
2014/01/26 职场文书
三分钟英语演讲稿
2014/04/24 职场文书
大专学生求职信
2014/07/04 职场文书
一份文言文检讨书
2014/09/13 职场文书
教师四风对照检查材料思想汇报
2014/09/17 职场文书
2015年度学校卫生工作总结
2015/05/12 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
如何使用Maxwell实时同步mysql数据
2021/04/08 MySQL
python numpy中setdiff1d的用法说明
2021/04/22 Python
Mysql binlog日志文件过大的解决
2021/10/05 MySQL
用Python实现屏幕截图详解
2022/01/22 Python