Google Maps API例子

最新推荐文章于 2024-02-25 21:34:55 发布

gohome520

最新推荐文章于 2024-02-25 21:34:55 发布

阅读量1.6k

点赞数

分类专栏： javascript 文章标签： google function float api div

本文链接：https://blog.youkuaiyun.com/gohome520/article/details/7338473

版权

javascript 专栏收录该内容

3 篇文章

订阅专栏

<html>

<head>
<title>Google Maps</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
function getPositionSuccess(position){
	var latlng = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
	var myOptions = {
		zoom: 15,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	map.setCenter(latlng);
	var marker = new google.maps.Marker({
		position: latlng,
		map: map
	});	
	var infowindow = new google.maps.InfoWindow();
	infowindow.setContent("You are here!");
	infowindow.setPosition(latlng);
	infowindow.open(map);
}
function getPositionError(error){
	switch (error.code) {
		case error.TIMEOUT:
			alert("TIMEOUT");
			break;
		case error.PERMISSION_DENIED:
			alert("PERMISSION_DENIED");
			break;
		case error.POSITION_UNAVAILABLE:
			alert("POSITION_UNAVAILABLE");
			break;
	}
}
function google_maps(){
	if (navigator.geolocation) {
		navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError);
	}
	else {
		alert("Not support geolocation!");
	}
}
</script>
</head>

<body οnlοad="google_maps()">
	<div id="map_canvas" style="float:left;width:800px;height:500px;"></div>
</body>

</html>