有你在真好 的个人博客
HTML5 Geolocation(地理定位)
阅读:2303 添加日期:2021/3/27 23:28:39 原文链接:https://www.toutiao.com/item/6316827633115988481/

定位用户的位置

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。

浏览器支持

HTML5 Geolocation(地理定位)

HTML5 Geolocation(地理定位)

HTML5 Geolocation(地理定位)

HTML5 Geolocation(地理定位)

HTML5 Geolocation(地理定位)

Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation(地理定位).

注意:Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确

HTML5 - 使用地理定位

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

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

实例

<script>

var x=document.getElementById("demo");

function getLocation()

{

if (navigator.geolocation)

{

navigator.geolocation.watchPosition(showPosition);

}

else{x.innerHTML="该浏览器不支持获取地理位置。";}

}

function showPosition(position)

{

x.innerHTML="纬度: " + position.coords.latitude +

"<br>经度: " + position.coords.longitude;

}

</script>

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号