网页定位（Geolocation）代码,JS代码库,德仔网

代码语言

代码分类

【JS】网页定位（Geolocation）

作者:和田 / 发布于2012/10/8/ 503

利用geo函数，显示网页浏览者当前所在位置（经纬度）;通过设定参数index的值，可改变对用户所在位置的一次性获取、还是及时追踪；

<div><!DOCTYPE html>
<html>
<head>
 <title>demo1</title>
 <style>
 p{
 margin: 5px 0;
 padding:5px;
 border:1px solid #003333;
 background:#00cccc;
 height:50px;
 text-align:center;
 color:#000000;
 width:200px;</div>
<div> }
 </style></div>
<div> <meta charset="utf-8" /></div>
<div></head>
<body>
 <input type="button" id="go" value ="Click Me To View Your Location" />
 <p id="para"></div>
<div>
 <script>
window.onload=function() {</div>
<div> var par = document.getElementById("para");</div>
<div> geo(par,2);
}
<div>
function geo(elem1, index){</div>
<div> if(navigator&&navigator.geolocation){
 if(index==1){navigator.geolocation.watchPosition(suc_geo, err_geo)}
 else if(index==2){navigator.geolocation.getCurrentPosition(suc_geo, err_geo)}
 }
<div>
 function suc_geo(position){
 printGeo(position.coords.latitude, position.coords.longitude, position.coords.accuracy)
 }
<div>
 function err_geo(err){
 if(err.code==0){
 error("Geolocation is denied");
 }
 else if(err.code==1){
 error("Position Unavailable");
 }
 else if(err.code==2){
 error("Request is Timeout")
 }
 }
<div>
 function printGeo(lat, longi, acc){
 elem1.innerHTML = "Latitude: " + lat + ";" + "" + "Longitude: " + longi + ";"
 +"" + "Accuracy: " + acc + "";
 }
<div>}
 </script>
</body>
</html></div>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　网页定位　

同语言下

可能有用的

和田贡献的其它代码(1)

.网页定位（Geolocation）