HTML5获取位置信息

<!DOCTYPE html>

<html>

<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="Geolocation is not supported by this browser.";}

}

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="User denied the request for Geolocation."

      break;

    case error.POSITION_UNAVAILABLE:

      x.innerHTML="Location information is unavailable."

      break;

    case error.TIMEOUT:

      x.innerHTML="The request to get user location timed out."

      break;

    case error.UNKNOWN_ERROR:

      x.innerHTML="An unknown error occurred."

      break;

}

}

</script>

</body>

</html>

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。