PhoneGap-----Geolocation

最新推荐文章于 2025-08-23 13:57:42 发布

原创最新推荐文章于 2025-08-23 13:57:42 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

phonegap 同时被 2 个专栏收录

9 篇文章

订阅专栏

html5

8 篇文章

订阅专栏

本文提供了一个使用Cordova的设备定位API进行地理位置跟踪的HTML与JavaScript示例。在设备准备就绪后，每三秒更新一次位置信息，并显示经纬度坐标。

Everything in the code!!!

<!DOCTYPE html>
<html>
<head>
<title>Device Properties Example</title>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script type="text/javascript" charset="urf-8">
   document.addEventListener("deviceready",onDeviceReady,false);
   var watchID = null;
   function onDeviceReady(){
	   var options = { frequency:3000 };
	   watchID = navigator.geolocation.watchPosition(onSuccess,onError,options);
   }
   
   function onSuccess(position){
	   var element = document.getElementById('geolocation');
	   element.innerHTML = 'Latitude: ' + position.coords.latitude + '<br />' +
	                       'Longitude: '+ position.coords.longitude + '<br />' +
						   '<hr />' + element.innerHTML;
   }
   
   function onError(error){
	   alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n');
   }
   
</script>
</head>
<body>
   <p id="geolocation">Watching geolocation...</p>
</body>
</html>