H5 获取地理位置到精度和维度

最新推荐文章于 2023-07-06 10:38:45 发布

我爱旺仔复原乳

最新推荐文章于 2023-07-06 10:38:45 发布

阅读量726

点赞数

分类专栏：前端文章标签： H5

本文链接：https://blog.csdn.net/dt_it_park/article/details/103297410

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>旺仔带你学IT</title> 
</head>
<body>
<p id="demo">点击按钮获取您当前坐标（直到精度和维度）：</p>
<button onclick="getLocation()">点我</button>
<script>
var x=document.getElementById("demo");
function getLocation()
{
	if (navigator.geolocation)
	{
		navigator.geolocation.getCurrentPosition(showPosition);
	}
	else
	{
		x.innerHTML="该浏览器不支持获取地理位置。";
	}
}

function showPosition(position)
{
	x.innerHTML="纬度: " + position.coords.latitude + 
	"<br>经度: " + position.coords.longitude;	
}
</script>
</body>
</html>

效果图如下：
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

我爱旺仔复原乳

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
H5 获取地理位置到精度和维度

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>旺仔带你学IT</title> </head><body><p id="demo">点击按钮获取您当前坐标（直到精度和维度）：</p><but...
复制链接

扫一扫