使用navigator對象的geolocation獲取地理位置

一 介紹

HTML5爲navigator新增了一個geolocation屬性，這個屬性是一個Geolocation對象，通過該對象獲取瀏覽者的地理位置。

下面應用示範了geolocation的用法。

 

二 代碼

<script type="text/javascript">
	var geoHandler = function(position)
	{
		var geoMsg = "用戶的所在的地理位置信息是：<br/>";
		geoMsg += "timestamp屬性爲：" + position.timestamp + "<br/>";
		// 獲取Coordinates對象，該對象裏包含了詳細的地理位置信息
		var coords = position.coords;
		// 遍歷Coordinates對象的所有屬性
		for(var prop in coords)
		{
			geoMsg += prop + "-->" + coords[prop] + "<br/>";
		}
		// 輸出地理位置信息
		document.writeln(geoMsg);
	}
	var errorHandler = function(error)
	{
		// 爲不同錯誤代碼定義錯誤提示
		var errMsg = {
			1: '用戶拒絕了位置服務',
			2: '無法獲取地址位置信息',
			3: '獲取地理位置信息超時'
		};
		// 彈出錯誤提示
		alert(errMsg[error.code]);
	}
	// 獲取地理位置信息
	navigator.geolocation.getCurrentPosition(geoHandler
		, errorHandler
		, {
			enableHighAccuracy:true,
			maximumAge:1000
		});
</script>

 

三 運行結果