通过google显示自己所在地地图代码,JS代码库,德仔网

代码语言

代码分类

【JS】通过google显示自己所在地地图

作者:爱注释 / 发布于2013/4/16/ 982


	<!DOCTYPE html>
	<html>
	<body>
	<p id="demo">点击这个按钮，获得您的位置：
	<button onclick="getLocation()">试一下</button>
	<div id="mapholder"></div>
	<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script>
	var x=document.getElementById("demo");
	function getLocation()
	 {
	 if (navigator.geolocation)
	 {
	 navigator.geolocation.getCurrentPosition(showPosition,showError);
	 }
	 else{x.innerHTML="Geolocation is not supported by this browser.";}
	 }

	function showPosition(position)
	 {
	 lat=position.coords.latitude;
	 lon=position.coords.longitude;
	 latlon=new google.maps.LatLng(lat, lon)
	 mapholder=document.getElementById('mapholder')
	 mapholder.style.height='250px';
	 mapholder.style.width='500px';

	 var myOptions={
	 center:latlon,zoom:14,
	 mapTypeId:google.maps.MapTypeId.ROADMAP,
	 mapTypeControl:false,
	 navigationControlOptions:{style:google.maps.NavigationControlStyle.SMALL}
	 };
	 var map=new google.maps.Map(document.getElementById("mapholder"),myOptions);
	 var marker=new google.maps.Marker({position:latlon,map:map,title:"You are here!"});
	 }

	function showError(error)
	 {
	 switch(error.code)
	 {
	 case error.PERMISSION_DENIED:
	 x.innerHTML="User denied the request for Geolocation."
	 break;
	 case error.POSITION_UNAVAILABLE:
	 x.innerHTML="Location information is unavailable."
	 break;
	 case error.TIMEOUT:
	 x.innerHTML="The request to get user location timed out."
	 break;
	 case error.UNKNOWN_ERROR:
	 x.innerHTML="An unknown error occurred."
	 break;
	 }
	 }
	</script>
	</body>
	</html>

试试其它关键字

　自己所在地地图　

同语言下

可能有用的

爱注释贡献的其它代码(3)