HTML 地理位置

最新推荐文章于 2024-06-22 11:04:52 发布

Ranx3

最新推荐文章于 2024-06-22 11:04:52 发布

阅读量111

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_41472891/article/details/113090671

版权

HTML 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

返回目录

<!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>