HTML5开发之获取设备的地理坐标

近期一段时间開始学一下html5，发现里面有好多的知识还是蛮新颖的。所以整理了一下自己练习过的demo给大家分享下，以下的代码是通过js接口获取当前的地理坐标。

<!doctype html>//1 这里时与原来html文件的差别
<html>
<head>
<meta charset="utf-8">//2 这里时与原来html文件的差别
<title>html5 demo </title>
</head>

<body>
<div id="demo">You location will be here!</div>
<script>
var x=document.getElementById("demo");
window.onload =getLocation;
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>
</body>
</html>

执行结果例如以下：
这里写图片描写叙述