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

JackLee18

于 2015-07-05 15:14:01 发布

阅读量1.9k

点赞数

分类专栏： IOS html5 文章标签： html5 定位

本文链接：https://blog.csdn.net/hanhailong18/article/details/46763395

版权

IOS 同时被 2 个专栏收录

299 篇文章 2 订阅

订阅专栏

html5

2 篇文章 0 订阅

订阅专栏

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