如何使用JS获取用户所在城市及地理位置
程序员文章站
2022-05-22 22:30:34
...
这次给大家带来如何使用JS获取用户所在城市及地理位置,如何使用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>
相信看了本文案例你已经掌握了方法,更多精彩请关注其它相关文章!
推荐阅读:
以上就是如何使用JS获取用户所在城市及地理位置的详细内容,更多请关注其它相关文章!
上一篇: 【转】MyBatis接口的简单实现原理
下一篇: Monolog:PHP 日志记录工具
推荐阅读
-
JavaScript获取用户所在城市及地理位置
-
使用nginx后如何在web应用中获取用户ip及原理解释GOOD that good good good boy舞蹈 good boy m
-
如何使用JS获取用户所在城市及地理位置
-
JavaScript获取用户所在城市及地理位置
-
使用nginx后如何在web应用中获取用户ip及原理解释GOOD that good good good boy舞蹈 good boy m
-
如何使用node.js实现获取微信用户授权(附代码)
-
JavaScript获取用户所在城市及地理位置
-
如何使用JS获取用户所在城市及地理位置
-
JavaScript获取用户所在城市及地理位置
-
如何操作JS获取用户所在城市及地理位置