Google Maps API

書籍：公開API活用ガイドの第9章にあるGoogle Maps APIをお試し。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

	<title>Google Maps API version3</title>

	<style type="text/css">
		html {
			height: 100%;
		}
		body {
			height: 100%;
			margin: 0px;
			padding: 0px;
		}
		#map_canvas {
			height: 100%;
		}
	</style>

	<script type="text/javascript"
		src="http://maps.google.com/maps/api/js?sensor=true">
	</script>
	<script type="text/javascript">
	function initialize() {
		var latlng = new google.maps.LatLng(35.658517, 139.701334);
		var myOptions = {
			zoom: 16,
			center: latlng,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
	}
	</script>
</head>

<body onload="initialize()">
	<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>

確認：hello_googlemapsapi.html

参考サイト