如何用HTML5进行定位?

匿名网友 匿名网友 发布于: 2015-10-11 00:00:00
阅读 101 收藏 0 点赞 0 评论 0

HTML5 Geolocation API(地理定位)可以用来 定位用户的位置,是html5的重要特性之一。借助这个特性可以开发基于位置信息的应用使得开发人员不用借助其他软件就能轻松实现位置查找、地图应用、导航等功能。

1:实现基于浏览器(无需后端支持,不需要任何定位功能)获取用户的地理位置技术

2:精确定位用户的地理位置(精确度达到10米之内,依赖设备如:GPS)

3:持续追踪用户的地理位置,完全可以通过html5代码写地图导航

4:与谷歌地图或百度地图交互呈现位置信息(因为显示出的经纬度数据不好理解)

请使用 getCurrentPosition() 方法来获得用户的位置。

下例是一个简单的地理定位实例,可返回用户位置的经度和纬度:

实例

<script>
var x=document.getElementById(“demo”);
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition);
}
else{x.innerHTML=”该浏览器不支持获取地理位置。”;}
}
function showPosition(position)
{
x.innerHTML=”Latitude: ” + position.coords.latitude +
“<br>Longitude: ” + position.coords.longitude;
}
</script>

 

评论列表
文章目录