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放大镜效果超漂亮噢
Nov 15 Javascript
asm.js使用示例代码
Nov 28 Javascript
javascript 按键事件(兼容各浏览器)
Dec 20 Javascript
alert出数组中的随即值代码
Sep 25 Javascript
javascript中数组的定义及使用实例
Jan 21 Javascript
jQuery实现右下角可缩放大小的层完整实例
Jun 20 Javascript
解决node.js安装包失败的几种方法
Sep 02 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
Jan 12 Javascript
js中字符型和数值型数字的互相转化方法(必看)
Apr 25 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
js实现网页同时进行多个倒计时功能
Feb 25 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
Apr 02 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
德生PL990的分析评价
2021/03/02 无线电
Windows Apache2.2.11及Php5.2.9-1的安装与配置方法
2009/06/08 PHP
PHP压缩html网页代码(清除空格,换行符,制表符,注释标记)
2012/04/02 PHP
php smarty truncate UTF8乱码问题解决办法
2014/06/13 PHP
如何使用纯PHP实现定时器任务(Timer)
2015/07/31 PHP
非常经典的PHP文件上传类分享
2016/05/15 PHP
基于jquery的button默认enter事件(回车事件)。
2011/05/18 Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
2013/01/09 Javascript
JavaScript中创建类/对象的几种方法总结
2013/11/29 Javascript
使用js画图之饼图
2015/01/12 Javascript
jQuery前端分页示例分享
2015/02/10 Javascript
JavaScript实现标题栏文字轮播效果代码
2015/10/24 Javascript
JavaScript判断图片是否已经加载完毕的方法汇总
2016/02/05 Javascript
获取url中用&amp;隔开的参数实例(分享)
2017/05/28 Javascript
JS中利用FileReader实现上传图片前本地预览功能
2018/03/02 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
python以环状形式组合排列图片并输出的方法
2015/03/17 Python
深入理解Python变量与常量
2016/06/02 Python
python实现电脑自动关机
2018/06/20 Python
零基础使用Python读写处理Excel表格的方法
2019/05/02 Python
解决python中导入win32com.client出错的问题
2019/07/26 Python
利用python计算windows全盘文件md5值的脚本
2019/07/27 Python
python plt可视化——打印特殊符号和制作图例代码
2020/04/17 Python
使用HTML5 Canvas API绘制弧线的教程
2016/03/22 HTML / CSS
西班牙英格列斯百货官网:El Corte Inglés
2016/09/25 全球购物
美国婴儿和儿童服装购物网站:PatPat
2020/10/01 全球购物
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
内部类的定义、种类以及优点
2013/10/16 面试题
文员个人求职自荐信
2013/09/21 职场文书
环境科学专业个人求职信
2013/09/26 职场文书
幼师求职自荐信范文
2014/01/26 职场文书
行政助理岗位职责
2015/02/10 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
Nginx如何配置Http、Https、WS、WSS的方法步骤
2021/05/11 Servers
css3中2D转换之有趣的transform形变效果
2022/02/24 HTML / CSS