使用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>

 

三 运行结果

 

• 
• 大小: 51.9 KB

• 查看图片附件