PetiteTech～初心者向けＩＴ技術学習サイト～

<html>
<head>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&language=ja&region=JP"></script>
<script type="text/javascript">
<!--

function mapinit(){
	var centerposition = new google.maps.LatLng(35.683142915306746,139.7524109389633);
	var option = {
		zoom: 13,
		center: centerposition,
	};
	var map = new google.maps.Map(document.getElementById("map"),option);

	var markerOption = {
		position: new google.maps.LatLng(35.683142915306746,139.745),
		map: map,
		title: "マーカー"
	};

	var marker = new google.maps.Marker(markerOption);

	var infoWindowOption = {
		position: new google.maps.LatLng(35.683142915306746,139.759),
		content: "インフォ"
	};

	var infoWindow = new google.maps.InfoWindow(infoWindowOption);
	infoWindow.open(map);
}

//-->
</script>
<style type="text/css">
<!--

#map{
	width: 500px;
	height: 360px;
}

//-->
</style>
<title>google_map</title>
</head>
<body onload="mapinit()">
<p>グーグルマップ</p>
<div id="map"></div>
</body>
</html>