Google Map 基本 – テックメモ

<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset=shift-jis">
		<title>title</title>
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	</head>
	<body onload="initialize()">
		<div id="map_canvas" style="width:500px; height:300px"></div>
	</body>
	<script>
	function initialize() {
	var latlng = new google.maps.LatLng(35.630442,139.882951);
	var opts = {
	zoom: 14,
	center: latlng,
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById("map_canvas"), opts);

	var m_latlng1 = new google.maps.LatLng(35.632605,139.88132);
	var marker1 = new google.maps.Marker({
	position: m_latlng1,
	map: map
	});

	var m_latlng2 = new google.maps.LatLng(35.625663,139.884238);
	var marker2 = new google.maps.Marker({
	position: m_latlng2,
	map: map
	});
	}
	</script>
</html>

<!DOCTYPE html>

<head>

<title>title</title>

</head>

</body>

function initialize() {

var latlng = new google.maps.LatLng(35.630442,139.882951);

var opts = {

zoom: 14,

center: latlng,

mapTypeId: google.maps.MapTypeId.ROADMAP

};

var map = new google.maps.Map(document.getElementById("map_canvas"), opts);

var m_latlng1 = new google.maps.LatLng(35.632605,139.88132);

var marker1 = new google.maps.Marker({

position: m_latlng1,

map: map

});

var m_latlng2 = new google.maps.LatLng(35.625663,139.884238);

var marker2 = new google.maps.Marker({

position: m_latlng2,

map: map

});

}

</script>

</html>