![]() |
#2
aspic2012-06-14 22:19
|

<!DOCTYPE html>
<html>
<head>
<title>Device Properties Example</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps. type="text/javascript" charset="utf-8">
var lat;
var lng;
var watchID = null;
function onDeviceReady()
{
var options = { frequency: 10000 };
watchID = navigator.geolocation.watchPosition(onSuccess, onError, options);
}
function onSuccess(position)
{
lat = position.coords.latitude;
lng = position.coords.longitude;
var element = document.getElementById('geolocation');
element.innerHTML = 'Latitude: ' + lat + '<br />' +
'Longitude: ' + lng + '<br />' +
'<hr />' + element.innerHTML;
initialize();
}
function clearWatch()
{
if (watchID != null)
{
navigator.geolocation.clearWatch(watchID);
watchID = null;
}
}
function onError(error)
{
alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n');
}
function initialize()
{
var myLatlng = new google.maps.LatLng(lat,lng);
var myOptions = {
zoom: 14,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({position:myLatlng,map:map,title:"CurrentPosition"
});
}
</script>
</head>
<body onload = "onDeviceReady();">
<div id="map_canvas" style="height:400px;"></div>
<br><div id="geolocation">Watching geolocation...</div></br>
<button onclick="clearWatch();">Clear Watch</button>
</body>
</html>
<html>
<head>
<title>Device Properties Example</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps. type="text/javascript" charset="utf-8">
var lat;
var lng;
var watchID = null;
function onDeviceReady()
{
var options = { frequency: 10000 };
watchID = navigator.geolocation.watchPosition(onSuccess, onError, options);
}
function onSuccess(position)
{
lat = position.coords.latitude;
lng = position.coords.longitude;
var element = document.getElementById('geolocation');
element.innerHTML = 'Latitude: ' + lat + '<br />' +
'Longitude: ' + lng + '<br />' +
'<hr />' + element.innerHTML;
initialize();
}
function clearWatch()
{
if (watchID != null)
{
navigator.geolocation.clearWatch(watchID);
watchID = null;
}
}
function onError(error)
{
alert('code: ' + error.code + '\n' + 'message: ' + error.message + '\n');
}
function initialize()
{
var myLatlng = new google.maps.LatLng(lat,lng);
var myOptions = {
zoom: 14,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
var marker = new google.maps.Marker({position:myLatlng,map:map,title:"CurrentPosition"
});
}
</script>
</head>
<body onload = "onDeviceReady();">
<div id="map_canvas" style="height:400px;"></div>
<br><div id="geolocation">Watching geolocation...</div></br>
<button onclick="clearWatch();">Clear Watch</button>
</body>
</html>