码迷,mamicode.com
首页 > 其他好文 > 详细

geolocation实现地理定位

时间:2017-07-26 17:48:31      阅读:122      评论:0      收藏:0      [点我收藏+]

标签:document   函数   逻辑思维   geo   har   浏览器   cli   返回   地理   

试用getCurrentPosition() 方法来获得用户的位置,可返回用户位置的经度和纬度。

实现方法的逻辑思维:

  • 检测是否支持地理定位
  • 如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。
  • 如果getCurrentPosition()运行成功,则向参数showPosition中规定的函数返回一个coordinates对象
  • showPosition() 函数获得并显示经度和纬度

实例:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title> 
</head>
<body>
<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>
</body>
</html>

geolocation实现地理定位

标签:document   函数   逻辑思维   geo   har   浏览器   cli   返回   地理   

原文地址:http://www.cnblogs.com/plxm/p/7240119.html

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