JavaScript获取用户所在城市及地理位置-js教程-PHP中文网

JavaScript获取用户所在城市及地理位置

不言

发布： 2018-04-21 16:41:16

原创

2775人浏览过

这篇文章主要介绍了javascript获取用户所在城市及地理位置的实例代码，非常不错，具有参考借鉴价值，需要的朋友参考下吧

下面一段代码给大家分享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>

登录后复制

相关推荐：

v3.4.0智睿报修管理系统

智睿报修管理系统定位行政企业，单位，机关加快网络无纸办公化，网络信息报修管理系统，系统支持城市区域模块管理，会员信息模块，报修种类，维修工人信息显示，达到快速准确到位，支持在线打印，数据导出，汇总数据,报修次数统计。本系统为免费版本，不收取任何费用，可直接使用。功能模块：权限设置 - 可设多个管理员，自由分配选项管理权限数据备份 - 支持在线数据库备份及还原数据库类别管理 - 支持