HTML5 Geolocation地理定位

最新推荐文章于 2023-10-17 11:09:44 发布

清华小菜

最新推荐文章于 2023-10-17 11:09:44 发布

阅读量264

点赞数

分类专栏：笔记文章标签： html5

本文链接：https://blog.csdn.net/c90283/article/details/124392190

版权

HTML5 Geolocation API 提供了获取用户地理位置的功能，但需要用户授权。利用 `getCurrentPosition()` 方法可以获取坐标，如果用户拒绝或出现错误，会触发相应处理。这些位置信息可用于地图展示、本地信息更新、兴趣点搜索和导航系统等。此外，还有 `watchPosition()` 方法用于持续追踪用户位置变化，以及 `clearWatch()` 方法停止追踪。

摘要由CSDN通过智能技术生成

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。

使用 getCurrentPosition() 方法来获得用户的位置：

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</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