<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</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,showError);
}else{
x.innerHTML = '当前浏览器不支持地理定位';
}
}
function showPosition(position){
x.innerHTML =
'latitude:' + position.coords.latitude + //维度
'<br>Longitude:' + position.coords.longitude; //经度
}
function showError(error){
switch(error.code){
case error.PERMISSION_DENIED:
x.innerHTML = '用户拒绝定位请求';
break;
case error.PERMISSION_UNAVAILABLE:
x.innerHTML = '位置信息不可用';
case error.TIMEOUT:
x.innerHTML = '网络请求超时';
break;
case error.UNKNOWN_ERROR:
x.innerHTML = '发生未知错误';
break;
}
}
</script>
</body>
</html>
2021-09-30
最新推荐文章于 2021-10-30 13:18:08 发布