奔三路 - 你30岁前的学习路!

奔三路学习网

当前位置: 主页 > 挨踢职场 > 前端 >

如何用HTML5进行定位?

时间:2017-11-04 09:20来源:百面网 作者:
HTML5 Geolocation API(地理定位)可以用来 定位用户的位置,是html5的重要特性之一。借助这个特性可以开发基于位置

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>

 

(责任编辑:admin)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
发布者资料
小邱 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2017-11-26 17:11 最后登录:2018-06-11 16:06

关注奔三路