使用navigator对象的geolocation获取地理位置

最新推荐文章于 2024-01-31 10:53:53 发布

最新推荐文章于 2024-01-31 10:53:53 发布 · 515 阅读

文章标签：

#navigator #geolocation #地理位置

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍HTML5中navigator.geolocation属性的应用，通过示例代码展示了如何使用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>

三运行结果