码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2017-08-15 15:14:58      阅读:184      评论:0      收藏:0      [点我收藏+]

标签:dcl   cat   append   document   java   inner   post   add   图片   

近期一段时间開始学一下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>

执行结果例如以下:
技术分享

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

标签:dcl   cat   append   document   java   inner   post   add   图片   

原文地址:http://www.cnblogs.com/brucemengbm/p/7364879.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!