H5获取地理位置
H5获取地理位置
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>H5获取地理位置</title>
</head>
<body>
<script type="text/javascript">
if(navigator.geolocation) {
navigator.geolocation.getCurrentPosition(getLocation, showError);
} else {
alert("浏览器不支持")
}
// 返回经度和纬度
function getLocation(position) {
lat = position.coords.latitude;
lng = position.coords.longitude;
alert(lat + "," + lng);
}
//处理错误和拒绝
function showError(error) {
switch(error.code) {
case error.TIMEOUT:
alert("请求超时！请再试一次!");
break;
case error.POSITION_UNAVAILABLE:
alert('我们找不到你的位置 Sorry! ios10必须https才能访问定位');
break;
case error.PERMISSION_DENIED:
alert('请允许地理位置访问！');
break;
case error.UNKNOWN_ERROR:
alert('发生了未知错误！');
break;
}
}
</script>
</body>
</html>
本文作者：猫老板的豆
本文链接：https://www.cnblogs.com/bingcola/p/16499344.html
版权声明：本作品采用知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议进行许可。
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步