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 相关文章推荐
node.js 开发指南 ? Node.js 连接 MySQL 并进行数据库操作
Jul 29 Javascript
Node.js项目中调用JavaScript的EJS模板库的方法
Mar 11 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
基于jQuery的AJAX和JSON实现纯html数据模板
Aug 09 Javascript
Node.js检测端口(port)是否被占用的简单示例
Sep 29 Javascript
JS常见简单正则表达式验证功能小结【手机,地址,企业税号,金额,身份证等】
Jan 22 Javascript
js仿新浪微博消息发布功能
Feb 17 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
Mar 12 Javascript
写一个Vue Popup组件
Feb 25 Javascript
详解Nuxt.js 实战集锦
Nov 19 Javascript
微信小程序修改checkbox的样式代码实例
Jan 21 Javascript
js 闭包深入理解与实例分析
Mar 19 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用strstr()函数阻止垃圾评论(通过判断a标记)
2013/09/28 PHP
XAMPP安装与使用方法详细解析
2013/11/27 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
php导出CSV抽象类实例
2014/09/24 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
php+MySql实现登录系统与输出浏览者信息功能
2016/07/01 PHP
PHP7.1方括号数组符号多值复制及指定键值赋值用法分析
2016/09/26 PHP
PHP命令Command模式用法实例分析
2018/08/08 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
JavaScript 原型与继承说明
2010/06/09 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
2015/10/28 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
JavaScript驾驭网页-DOM
2016/03/24 Javascript
基于JS代码实现导航条弹出式悬浮菜单
2016/06/17 Javascript
JS控制静态页面传递参数并获取参数应用
2016/08/10 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
node.JS路径解析之PATH模块使用方法详解
2020/02/06 Javascript
Vue自定义全局弹窗组件操作
2020/08/11 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
python制作花瓣网美女图片爬虫
2015/10/28 Python
python列表,字典,元组简单用法示例
2019/07/11 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
pytorch 多分类问题,计算百分比操作
2020/07/09 Python
html5 外链式实现加减乘除的代码
2019/09/04 HTML / CSS
自荐书4要点
2014/01/25 职场文书
生产文员岗位职责
2014/04/05 职场文书
党政领导班子群众路线对照检查材料
2014/10/26 职场文书
2014年招生工作总结
2014/11/26 职场文书
五一劳动节慰问信
2015/02/14 职场文书
2015年全国科普日活动总结
2015/03/23 职场文书
2015年度招聘工作总结
2015/05/28 职场文书
无婚姻登记记录证明
2015/06/18 职场文书
golang 接口嵌套实现复用的操作
2021/04/29 Golang
sql server偶发出现死锁的解决方法
2022/04/10 SQL Server