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 相关文章推荐
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
JavaScript中读取和保存文件实例
May 08 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
详解JavaScript模块化开发
Dec 04 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
Feb 20 Javascript
如何给ss bash 写一个 WEB 端查看流量的页面
Mar 23 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
Apr 26 Javascript
Bootstrap 模态框(Modal)带参数传值实例
Aug 20 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
ES6 Generator函数的应用实例分析
Jun 26 Javascript
JS手写一个自定义Promise操作示例
Mar 16 Javascript
解决vue axios跨域 Request Method: OPTIONS问题(预检请求)
Aug 14 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/03/09 PHP
Yii2中hasOne、hasMany及多对多关联查询的用法详解
2017/02/15 PHP
php格式文件打开的四种方法
2018/02/24 PHP
jQuery.ajax 用户登录验证代码
2010/10/29 Javascript
window.event快达到全浏览器支持了,以后使用就方便了
2011/11/30 Javascript
js面向对象 多种创建对象方法小结
2012/05/21 Javascript
JS操作Cookies的小例子
2013/10/15 Javascript
JS实现div居中示例
2014/04/17 Javascript
js实现跨域访问的三种方法
2015/12/09 Javascript
延时加载JavaScript代码提高速度
2015/12/27 Javascript
JavaScript的React Web库的理念剖析及基础上手指南
2016/05/10 Javascript
jQuery 生成svg矢量二维码
2016/08/09 Javascript
微信小程序-消息提示框实例
2016/11/24 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
JS实现PC手机端和嵌入式滑动拼图验证码三种效果
2017/02/15 Javascript
react-native-tab-navigator组件的基本使用示例代码
2017/09/07 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
Vue侧滑菜单组件——DrawerLayout
2017/12/18 Javascript
对vue中v-if的常见使用方法详解
2018/09/28 Javascript
vue+render+jsx实现可编辑动态多级表头table的实例代码
2020/04/01 Javascript
python操作gmail实例
2015/01/14 Python
Python中用startswith()函数判断字符串开头的教程
2015/04/07 Python
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
Python实现删除文件中含“指定内容”的行示例
2017/06/09 Python
使用Python中的reduce()函数求积的实例
2019/06/28 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
意大利消费电子产品购物网站:SLG Store
2019/12/26 全球购物
六一儿童节活动策划方案
2014/01/27 职场文书
大学军训感言1000字
2014/02/25 职场文书
研讨会主持词
2014/04/02 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
党员四风剖析材料
2014/08/27 职场文书
2021年最新用于图像处理的Python库总结
2021/06/15 Python
解决mysql的int型主键自增问题
2021/07/15 MySQL