JavaScript获取用户所在城市及地理位置
更新时间：2018年04月21日 10:13:44 投稿：mrr
这篇文章主要介绍了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>
总结
以上所述是小编给大家介绍的JavaScript获取用户所在城市及地理位置，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要介绍了javascript页面倒计时实现方法,可实现简单的页面倒计时及自动提交表单功能,非常简单实用,需要的朋友可以参考下2015-07-07
这篇文章主要介绍了利用js检测手机是否安装某个app的多种方案，当判断后如果安装了直接打开，如果有没有安装将自动跳转到下载的界面，有需要的朋友可以参考借鉴，下面来一起看看吧。2017-02-02
这篇文章主要介绍了JavaScript哪些场景不能使用箭头函数，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下2021-04-04
为了给用户一个流畅的体验,token过期后需要重新请求新的token替换过期的token。本文将详细介绍uniapp无痛刷新token方法。2021-06-06
这篇文章主要介绍了JS实现仿微博可关闭弹出层效果,涉及JavaScript弹出窗口的设置及页面元素动态操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-09-09
这篇文章主要介绍了基于javascript实现贪吃蛇小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
这篇文章主要为大家详细介绍了使用JavaScript实现贪吃蛇游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
大家仔细看下面两段代码，代码一的window.onload = doIt()函数后面有();而代码二的window.onload = doIt函数名后面没有括号。2008-09-09
这篇文章主要为大家详细介绍了微信小程序实战商城系列之淘宝分类入口，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
这篇文章主要为大家详细介绍了微信小程序实现拍照和相册选取图片，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
最新评论