HTML--获取自己所在位置的经纬度

最新推荐文章于 2024-04-24 15:32:07 发布

空白__@

最新推荐文章于 2024-04-24 15:32:07 发布

阅读量1k

点赞数 2

分类专栏：前端

本文链接：https://blog.csdn.net/qq_43238335/article/details/105669174

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

HTML--获取自己所在位置的经纬度（HTML5）

注意：需要在能够接受HTML5标准的浏览器上运行才能显示

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>位置获取</title>
</head>
<body>
<p id="location">点击按钮获取当前坐标：</p>
<button onclick="getLocation()">请点击</button>
<script>
var x=document.getElementById("location");
function getLocation()
{
if(navigator.geolocation)
	{
	   navigator.geolocation.getCurrentPosition(showPosition,showError);
	}
else
	{
	x.innerHTML="该浏览器版本不支持定位";
	}
}
function showPosition(position)//经纬度获取
{
	x.innerHTML="纬度："+position.coords.latitude+
	"<br>经度："+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;
	}
}
</script>
</body>
</html>

空白__@

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
HTML--获取自己所在位置的经纬度

HTML--获取自己所在位置的经纬度（HTML5）注意：需要在能够接受HTML5标准的浏览器上运行才能显示<!DOCTYPE html><html><head><meta charset="UTF-8"><title>位置获取</title></head><body><p ...
复制链接

扫一扫