HTML5地理定位(存在问题)-大灰牛博客

地理定位：HTML5 Geolocation API用于获得用户的地理位置

浏览器支持：Internet Explorer9、Firefox、Chrome、Safari以及Opera支持地理定位

注释：对于拥有GPS的设备，比如iPhone,地理定位更加精确

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
			//获取当前地理位置
			function init(){
				navigator.geolocation.getCurrentPosition(function(position){
					var coords = position.coords;
					//设定地图参数,将用户当前的地理位置设为地图中心点
					var latlng=new google.maps.Latlng(coords.latitude,coords.longitude);
					var myOptions={
						zoom:14,
						center:latlng,
						mapTypeId:google.maps.MapTypeId.ROADMAP
					};
					//创建地图并"map"div中显示
					var map1;
					map1 =new google.maps.MAP(document.getElementById("map"),myOptions);
					//地图上创建标记
					var marker=new google.maps.Marker({
						position:latlng,
						map:map1
					});
					//设定标准窗口,并制定该窗口的注释文字
					var infowindow=new google.maps.InfoWindow({
						content:"当前位置"
					});
					infowindow.open(map1,marker);
				})
			}
		</script>
	</head>
	<body onload="init()">
		<div id="map" style="width: 1000px;height: 2000px;" ></div>
	</body>
</html>

转载请注明：大灰牛博客 » HTML5地理定位(存在问题)

与本文相关的文章