HTML5获取地理位置定位信息

最新推荐文章于 2024-12-04 17:31:05 发布

原创最新推荐文章于 2024-12-04 17:31:05 发布 · 218 阅读

CC 4.0 BY-SA版权

本文提供了一个使用JavaScript的地理定位API来获取用户当前位置的简单示例。通过navigator.geolocation对象，可以调用getCurrentPosition方法来获取用户的经纬度坐标。本文还展示了如何处理成功获取位置信息的情况以及各种错误情况。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发十年，就只剩下这套Java开发体系了 >>>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
function showError(error){ 
    switch(error.code) { 
        case error.PERMISSION_DENIED: 
            alert("定位失败,用户拒绝请求地理定位"); 
            break; 
        case error.POSITION_UNAVAILABLE: 
            alert("定位失败,位置信息是不可用"); 
            break; 
        case error.TIMEOUT: 
            alert("定位失败,请求获取用户位置超时"); 
            break; 
        case error.UNKNOWN_ERROR: 
            alert("定位失败,定位系统失效"); 
            break; 
    } 
} 
function showPosition(position){ 
    var lat = position.coords.latitude; //纬度 
    var lag = position.coords.longitude; //经度 
    alert('纬度:'+lat+',经度:'+lag); 
} 
function getLocation(){ 
    if (navigator.geolocation){ 
        navigator.geolocation.getCurrentPosition(showPosition,showError); 
    }else{ 
        alert("浏览器不支持地理定位。"); 
    } 
} 
		</script>
		<span onclick="getLocation()">获取当前经纬度</span>
	</body>
</html>