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 多级下拉菜单核心代码
May 21 Javascript
基于jquery的多彩百分比 动态进度条 投票效果显示效果实现代码
Aug 28 Javascript
固定背景实现的背景滚动特效示例分享
May 19 Javascript
javascript实现的一个带下拉框功能的文本框
May 08 Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 Javascript
Javascript实现计算个人所得税
May 10 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
js实现城市级联菜单的2种方法
Jun 23 Javascript
Bootstrap Table从零开始
Jun 30 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
Jan 31 Javascript
详解VUE中的插值( Interpolation)语法
Oct 18 Javascript
vscode+gulp轻松开发小程序的完整步骤
Oct 18 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中namespace及use用法分析
2016/12/06 PHP
用PHP的socket实现客户端到服务端的通信实例详解
2017/02/04 PHP
在laravel中使用Symfony的Crawler组件分析HTML
2017/06/19 PHP
php设计模式之职责链模式实例分析【星际争霸游戏案例】
2020/03/27 PHP
javascript 自动填写表单的实现方法
2010/04/09 Javascript
window.location.hash 使用说明
2010/11/08 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
jquery中常用的函数和属性详细解析
2014/03/07 Javascript
js类定义函数时用prototype与不用的区别示例介绍
2014/06/10 Javascript
js实现兼容IE和FF的上下层的移动
2015/05/04 Javascript
apply和call方法定义及apply和call方法的区别
2015/11/15 Javascript
jQuery extend()详解及简单实例
2017/05/06 jQuery
AngularJS实现的回到顶部指令功能实例
2017/05/17 Javascript
Express系列之multer上传的使用
2017/10/27 Javascript
详解React开发必不可少的eslint配置
2018/02/05 Javascript
vue-prop父组件向子组件进行传值的方法
2018/03/01 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
JavaScript遍历数组的三种方法map、forEach与filter实例详解
2019/02/27 Javascript
python提取页面内url列表的方法
2015/05/25 Python
python抓取网页中图片并保存到本地
2015/12/01 Python
Python 调用Java实例详解
2017/06/02 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
Pycharm Plugins加载失败问题解决方案
2020/11/28 Python
用gpu训练好的神经网络,用tensorflow-cpu跑出错的原因及解决方案
2021/03/03 Python
CSS3 clip-path 用法介绍详解
2018/03/01 HTML / CSS
Bibloo荷兰:女士、男士和儿童的服装、鞋子和配饰
2019/02/25 全球购物
西班牙品牌鞋子、服装和配饰在线商店:Esdemarca
2021/02/17 全球购物
盛大笔试题
2016/11/05 面试题
前台领班岗位职责
2013/12/04 职场文书
七年级数学教学反思
2014/01/22 职场文书
法学毕业生自我鉴定
2014/01/31 职场文书
党员检讨书范文
2014/12/27 职场文书
优秀英文求职信范文
2015/03/19 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
超强台风观后感
2015/06/09 职场文书