天天看点

HTML5地理定位(Geolocation)

html5中使用getCurrentPosition()方法获得用户的位置

HTML5地理定位(Geolocation)
<p id="demo">点击按钮获取您当前坐标:</p>
<button onclick="getLocation()">点我</button> <!--点击触发获取位置的函数-->
<script>
var x=document.getElementById("demo");//
function getLocation() //获取地理位置的函数
  {
  if (navigator.geolocation)
    {
    navigator.geolocation.getCurrentPosition(showPosition);
    }
  else{x.innerHTML="该浏览器不支持获取地理位置。";}
  }
function showPosition(position) //显示地理位置的函数
  {
  x.innerHTML="纬度: " + position.coords.latitude + 
  "<br>经度: " + position.coords.longitude;   
  }
</script>
           

继续阅读