Witam serdecznie.
Nie wiem czy to dobry dział jednak chodzi o JavaScrupt. Mam problem z watchPosition w HTML 5.

Kod strony wygląda następująco:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. 	<meta charset="utf-8" >
  5. 	<title>HTML5</title>
  6. 	<link rel="stylesheet" href="html5.css">
  7.  
  8. <script type="text/javascript">
  9.  
  10. function updateStatus(message) {
  11. document.getElementById("status").innerHTML = message;
  12. }
  13.  
  14. function success(position) {
  15. 	var map = new GMap2(document.getElementById("map_canvas"));
  16.     map.setCenter(new GLatLng(position.coords.latitude, position.coords.longitude), 13);
  17.     map.setUIToDefault();
  18. 	map.addOverlay(new GMarker(new GLatLng(position.coords.latitude, position.coords.longitude), 13));
  19. 	var geocoder = new GClientGeocoder();
  20. 	geocoder.getLocations(position.coords.latitude+','+position.coords.longitude, addAddressToMap);
  21.  
  22. 	document.getElementById('wysokoscgeograficzna').innerHTML = "Wysokosc to: " + position.coords.latitude + " stopni.";
  23. 	document.getElementById('dlugoscgeograficzna').innerHTML = "Szereokosc to: " + position.coords.longitude + " stopni.";
  24. 	document.getElementById('dokladnosc').innerHTML = "Dokladnosc to: " + position.coords.accuracy + " m.";
  25. 	document.getElementById('wysokoscnpm').innerHTML = "Wysokosc nad poziomem morza: " + postition.coords.altitude + " metrow n.p.m";
  26. 	document.getElementById('dokladnoscwysokosc').innerHTML = "Dokladnosc wysokosci: " + position.coords.altitudeAccuracy + " m.";
  27. 	document.getElementById('predkosc').innerHTML = "Predkosc: " + position.coords.speed + " km/h.";
  28. 	document.getElementById('kierunek').innerHTML = "Kierunek: " + position.coords.heading;
  29. 	}
  30.  
  31. function addAddressToMap(response)
  32. {
  33. 	if (!response || response.Status.code != 200) {
  34. 		alert("Sorry, we were unable to geocode that address");
  35. 	} else {
  36. 		place = response.Placemark[0];
  37. 		document.getElementById('adres').innerHTML = "Adres: " +place.address;
  38. 	}
  39. }
  40.  
  41. function initialize() {
  42.       if (GBrowserIsCompatible()) {
  43.         if (navigator.geolocation) 
  44. 			{
  45.     		navigator.geolocation.getCurrentPosition(success, error,{'enableHighAccuracy':true});
  46.   			navigator.geolocation.watchPosition(success_watch, error_watch,{enableHighAccuracy: true, timeout: 20000, maximumAge: 0 });
  47. 			} 
  48. 		else{
  49.   			alert('Geolokalizacja nie jest obslugiwana!');
  50. 			}
  51.       }
  52.     }
  53.  
  54. function success_watch(position_watch) {
  55.  
  56. 	document.getElementByid('watch_wysokoscgeograficzna').innerHTML = "Wysokosc to: :"; // + position_watch.coords.latitude + " stopni.";
  57. 	document.getElementByid('watch_dlugoscgeograficzna').innerHTML = "Szereokosc to: " + position_watch.coords.longitude + " stopni.";
  58. 	document.getElementByid('watch_dokladnosc').innerHTML = "Dokladnosc to: " + position_watch.coords.accuracy + " m.";
  59. 	document.getElementByid('watch_wysokoscnpm').innerHTML = "Wysokosc nad poziomem morza: " + postition.coords.altitude + " metrow n.p.m";
  60. 	document.getElementByid('watch_dokladnoscwysokosc').innerHTML = "Dokladnosc wysokosci: " + position_watch.coords.altitudeAccuracy + " m.";
  61. 	document.getElementByid('watch_predkosc').innerHTML = "Predkosc: " + position_watch.coords.speed + " km/h.";
  62. 	document.getElementByid('watch_kierunek').innerHTML = "Kierunek: " + position_watch.coords.heading;
  63. 	}
  64.  
  65. function error(err) {
  66. if(err.code==1)
  67. 	{
  68. 		updateStatus("User denied geolocation.");
  69. 	}
  70. 	else if(err.code==2)
  71. 	{
  72. 		updateStatus("Position unavailable.");
  73. 	}
  74. 	else if(err.code==3)
  75. 	{
  76. 		updateStatus("Timeout expired.");
  77. 	}
  78. 	else
  79. 	{
  80. 		updateStatus("ERROR:"+ err.message);
  81. 	}
  82. }
  83.  
  84. function error_watch(err_watch) {
  85. if(err_watch.code==1)
  86. 	{
  87. 		updateStatus("WatchPosition: User denied geolocation.");
  88. 	}
  89. 	else if(err_watch.code==2)
  90. 	{
  91. 		updateStatus("WatchPosition: Position unavailable.");
  92. 	}
  93. 	else if(err_watch.code==3)
  94. 	{
  95. 		updateStatus("WatchPosition: Timeout expired.");
  96. 	}
  97. 	else
  98. 	{
  99. 		updateStatus("WatchPosition: ERROR:"+ err_watch.message);
  100. 	}
  101. }
  102.  
  103. </script>
  104.  
  105. </head>
[HTML] pobierz, plaintext


W sekcji body mam:

[HTML] pobierz, plaintext 
  1. <body onLoad="initialize()">
  2. <section id="LOGO"></section>
  3. <section id="LOGO2"></section>
  4. <div id="container">
  5. <nav>
  6. <h3>Nawigacja (NAV):</h3>
  7. <a href="index.html">Strona Główna</a>
  8. <a href="canvas.html">Canvas</a>
  9. <a href="geo.html">Geolokalizacja</a>
  10. <a href="video.html">Audio/Video</a>
  11. <a href="communication.html">Komunikacja</a>
  12. <a href="socket.html">WebSocket</a>
  13. </nav>
  14. <section>
  15. <p>Standardowe informacje o lokalizacji:</p>
  16. <div id="map_canvas" style="width: 100%; height: 300px"></div>
  17. <p><label id="wysokoscgeograficzna"></label></p>
  18. <p><label id="dlugoscgeograficzna"></label></p>
  19. <p><label id="dokladnosc"></label></p>
  20. <p><label id="wysokoscnpm"></label></p>
  21. <p><label id="dokladnoscwysokosc"></label></p>
  22. <p><label id="predkosc"></label></p>
  23. <p><label id="kierunek"></label></p>
  24.  
  25. <p>Geolokalizaowanie poprzez watchPosition:</p>
  26.  
  27. <p><label id="status"></label></p>
  28. <p><label id="watch_wysokoscgeograficzna"></label></p>
  29. <p><label id="watch_dlugoscgeograficzna"></label></p>
  30. <p><label id="watch_dokladnosc"></label></p>
  31. <p><label id="watch_wysokoscnpm"></label></p>
  32. <p><label id="watch_dokladnoscwysokosc"></label></p>
  33. <p><label id="watch_predkosc"></label></p>
  34. <p><label id="watch_kierunek"></label></p>
  35.  
  36. </section>
  37. <aside>
  38. <h3>Aside</h3>
  39. <p> Prawa czesc strony odpowiedzialna w elemencie aside.</p>
  40. </aside>
  41. <footer>
  42. <h2>Stopka (footer)</h2>
  43. </footer>
  44. </div>
  45. </body>
[HTML] pobierz, plaintext



Zasada działania:
Moim zadaniem jest stworzenie prostej strony internetowej w technologii HTML 5 z opcją geolokalizacji. Po rozpoczęciu ładowania elementu body zostaje uruchomiona funkcja initialize().
Zimlementowałem w niej funkcje getPosition, która działa bez żadnych zarzutów. Wyniki zostają wyświetlone poprzez google maps w elemencie div id="map_canvas". Nie ma żadnych problemów.
Natomiast co bym nie robił z watchPosition dostaję timeout. Obojętnie czy jest określony czas jaki ma aplikacja na zrealizowanie lokalizacji czy nie. Więc nie jest to kwestia czasu lokalizowania urządzenia. Kiedy zakomentuje funkcje getPosition jest to samo, więc odpada kwestia zbyt szybkiego wybrania ponownego lokalizowania i z tym związanych ograniczeń.

Bardzo będę wdzieczny za pomoc.