HTML 地理位置

返回目录

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

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 点我我会动 设计师:白松林 返回首页