基本Javascript地理位置脚本（HTML5规范）

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了基本Javascript地理位置脚本（HTML5规范）相关的知识，希望对你有一定的参考价值。

Simple javascript test of the html 5 geolocation API spec
  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. 	<script>
  5. 		var messageDiv = document.getElementById('message');
  6.  
  7. 		function initLocation ( ) {
  8.  
  9. 			// Try HTML5-spec geolocation: http://dev.w3.org/geo/api/spec-source.html
  10. 			var geolocation = navigator.geolocation;
  11.  
  12. 			if (geolocation) {
  13. 				// Try Catch
  14. 				try {
  15. 					// getCurrentPosition function as stated in the spec
  16. 					navigator.geolocation.getCurrentPosition(
  17. 						successCallback,
  18. 						errorCallback
  19. 					);
  20.  
  21. 				} catch (err) {
  22. 					messageDiv.innerHTML = 'Error';
  23. 				}
  24. 			} else {
  25. 				messageDiv.innerHTML = 'Your browser is not capable of looking up your location.';
  26. 			}
  27.  
  28. 		}
  29.  
  30. 		function successCallback ( location ) {
  31. 			message.innerHTML="<p>Longitude: " + location.coords.longitude + "</p>";
  32. 			message.innerHTML+="<p>Latitude: " + location.coords.latitude + "</p>";
  33. 			message.innerHTML+="<p>Accuracy: " + location.coords.accuracy + "</p>";
  34. 		}
  35.  
  36. 		function errorCallback (  ) {
  37. 			messageDiv.innerHTML = 'There was an error looking up your position';
  38. 		}
  39. 	</script>
  40. </head> 
  41.  
  42. <body onload="initLocation()"> 
  43. 	<div id="message">Looking Up Location</div> 
  44. </body> 
  45. </html>

以上是关于基本Javascript地理位置脚本（HTML5规范）的主要内容，如果未能解决你的问题，请参考以下文章

自己写的HTML5 Canvas + Javascript五子棋

自己的写的HTML5 Canvas + Javascript五子棋

Babel指南——基本环境搭建

使用 Tampermonkey/javascript 控制 Netflix (HTML5) 播放

为啥这个 HTML5 地理位置相关的 JavaScript 代码会出错？

javascript 地理位置HTML5