HTML and CSS Reference
In-Depth Information
//erste Anfrage, wir nehmen (fast) alles
navigator.geolocation.getCurrentPosition($i.showLocation,
$i.handleError, {timeout:30000, maximumAge:600000,
enableHighAccuracy:false});
}
};
$i.showLocation function(position)
{
var msg 'latitude: ' + position.coords.latitude + ' / longitude: ' +
position.coords.longitude + ' / accuracy: ' + position.coords.accuracy +
'meters (acquired '+new Date(position.timestamp)+')';
if ($i.vars.first)
{
document.getElementById('message').innerHTML msg;
$i.vars.first false;
//zweite Anfrage, nun mit hoher Genauigkeit und erzwungener Aktualität
navigator.geolocation.getCurrentPosition($i.showLocation,
$i.handleError, {timeout:120000, maximumAge:0, enableHighAccuracy:true});
}
else
document.getElementById('message').innerHTML + ('<br/><hr/>' + msg);
var map new google.maps.Map2(document.getElementById("map"));
map.setCenter(new google.maps.LatLng(position.coords.latitude,
position.coords.longitude), 13);
}
...
In obigem Beispiel wird also zuerst eine Anfrage mit dem
PositionOptions
-Objekt
gestartet, die in der Regel zügig beantwortet wird:
{timeout:30000, maximumAge:600000, enableHighAccuracy:false}
Sobald das Ergebnis vorliegt, wird eine zweite Anfrage gestartet, diesmal geben wir uns
nicht so einfach zufrieden:
{timeout:120000, maximumAge:0, enableHighAccuracy:true}
Auf der Demoseite sieht das dann folgendermaßen aus:
<html>
<head>
<title>HTML5</title>
<meta name "layout" content "webkit" />
<style type "text/css" media "screen">
</style>
