geolocation实现地理定位
Posted 大妖小白
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了geolocation实现地理定位相关的知识，希望对你有一定的参考价值。
试用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实现地理定位的主要内容，如果未能解决你的问题，请参考以下文章