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

最新推荐文章于 2021-06-04 12:55:07 发布

飞翔的熊blabla

最新推荐文章于 2021-06-04 12:55:07 发布

阅读量2.1k

点赞数 1

分类专栏： html+js+jquery+css

原文链接：http://www.520webtool.com/

版权

html+js+jquery+css 专栏收录该内容

644 篇文章

订阅专栏

每个项目产品都会让你加埋点，你是愿意花几天一个个加，还是愿意几分钟一个小时加完去喝茶聊天？来试试这520web工具, 高效加埋点，目前我们公司100号前端都在用，因为很好用，所以很自然普及开来了，推荐给大家吧

http://www.520webtool.com/

自己开发所以免费，埋点越多越能节约时间，点两下埋点就加上了，还不会犯错，里面有使用视频，反正免费 😄

下面一段代码给大家分享js 获取用户所在城市，具体代码如下所述：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<!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获取用户地理位置

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

<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获取用户所在城市及地理位置，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。