HTML 地理位置

最新推荐文章于 2024-08-06 09:00:00 发布

原创最新推荐文章于 2024-08-06 09:00:00 发布 · 191 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

HTML 专栏收录该内容

8 篇文章

订阅专栏

该博客演示了如何在HTML中利用JavaScript的Geolocation API获取设备的经纬度坐标。通过navigator.geolocation对象的方法getCurrentPosition，成功时更新页面元素显示坐标，失败时在控制台输出错误信息。此功能对于定位服务和地图应用等场景十分有用。

返回目录

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p id="lat"></p>
		<p id="lon"></p>
		<script type="text/javascript">
			var lat = document.getElementById("lat");
			var lon = document.getElementById("lon");
			//判断浏览器是否支持
			// if('geolocation' in navigator){
			// 	alert('支持');
			// }else{
			// 	alert('不支持');
			// }
			//获取位置信息
			navigator.geolocation.getCurrentPosition(successCB,errorCB);
			function successCB(res){
				lat.innerHTML = res.coords.latitude;
				lon.innerHTML = res.coords.longitude;
			}
			function errorCB(res){
				console.log(res.message);
				
			}
			/* navigator.geolocation.watchPosition()定时调用 */
			/*clearWatch()清除定时调用*/
		</script>
	</body>
</html>