HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
浏览器支持
Internet Explorer 9、Firefox、Chrome、Safari 以及 Opera 支持地理定位。
注释：对于拥有 GPS 的设备，比如 iPhone，地理定位更加精确。
HTML5 - 使用地理定位
请使用 getCurrentPosition() 方法来获得用户的位置。
二、
HTML5 Geolocation API是新增的地理位置应用程序接口。它提供了一个可以准确感知浏览器用户当前地理位置的方法。如果浏览器支持，且设备具有定位功能，就能够直接使用这个API来获取当前位置信息。
window.navigator.geolocation对象存在3个方法：
1. getCurrentPosition 获取当前地理位置
2. watchPosition 监视位置信息
3. clearWatch 停止获取位置信息
Geolocation接口不可以获取手机的gps定位，这个api具有自己特有的定位方式。定位用户的位置
HTML5 Geolocation API 用于获得用户的地理位置。
鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
用法如下：
<!DOCTYPE html>
<html>
<body>
<p id="demo">点击这个按钮，获得您的位置：</p>
<button onclick="getLocation()">试一下</button>
<div id="mapholder"></div>
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
var x=document.getElementById("demo")
function getLocation()
{
if (navigator.geolocation)
{
navigator.geolocation.getCurrentPosition(showPosition,showError)
}
else{x.innerHTML="Geolocation is not supported by this browser."}
}
function showPosition(position)
{
lat=position.coords.latitude
lon=position.coords.longitude
latlon=new google.maps.LatLng(lat, lon)
mapholder=document.getElementById('mapholder')
mapholder.style.height='250px'
mapholder.style.width='500px'
var myOptions={
center:latlon,zoom:14,
mapTypeId:google.maps.MapTypeId.ROADMAP,
mapTypeControl:false,
navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
}
var map=new google.maps.Map(document.getElementById("mapholder"),myOptions)
var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"})
}
function showError(error)
{
switch(error.code)
{
case error.PERMISSION_DENIED:
x.innerHTML="User denied the request for Geolocation."
break
case error.POSITION_UNAVAILABLE:
x.innerHTML="Location information is unavailable."
break
case error.TIMEOUT:
x.innerHTML="The request to get user location timed out."
break
case error.UNKNOWN_ERROR:
x.innerHTML="An unknown error occurred."
break
}
}
</script>
</body>
</html>
使用HTML5 Geolocation(地理定位API),你可以请求用户共享他们的位置,在用户允许后,应用程序就可以向其提供周边热点信息设备可以获得如下数据源:
1、IP地址
2、三维坐标(GPS、WIFI、GSM或CDMA的ID)
3、用户自定义数据
优缺点比较:
IP定位:优点-任何地方都可用,在服务器端处理
缺点:不精确(实际差别比较大)
GPS定位:优点:非常精确
缺点:定位耗时长、消耗能量多、需要设备支持、室内效果不佳
WiFi定位(通过多个热点计算三角距离):
优点:精确、简单快捷
缺点:乡镇,不发达地区效果差
手机地理定位(计算到运营商基站三角距离):
优点:比较精确、环境约束小、简单快捷
缺点:需要设备支持、偏远地区效果不佳。
检查浏览器是否支持:
单次位置请求:
方法:void getCurrentPosition(in PositionCallback successCallback,
in optional PositionErrorCallback errorCallback,in optional Positions options)
successCallback:当浏览器请求成功后的回调函数。
errorCallback:请求失败的回调函数(可选)。
options:可选参数【timeout: *** 作超时enableHighAccuracy:启用高精度模式】
实例:
说明:updateLocation(po)只接受一个参数:位置对象。包含坐标(coords)和时间戳。
请求失败:
重复性位置更新:
很多时候,我们需要连续多次获取用户地理信息,Geolocation也提供了相应的方法
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）