google map API [javascript]

<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=ja"></script>
<title>google map API javascript</title>

<!--メイン処理-->
<script type="text/javascript">

<!--地図初期化-->
function initialize(){
	
<!--緯度経度を指定-->
var latlng = new google.maps.LatLng(51.462643882177574,-0.11486291885375977)	;

<!--プロパティ設定-->
var myOption = {
	
<!--ズーム指定 0〜17-->
	zoom: 14,
	
	<!--地図の中心を指定-->
	center: latlng,
	
	<!--地図タイプ-->
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	
	<!--地図プロパティ設定ここまで-->
	
	<!--canvasとの結びつけ-->
var map = new
google.maps.Map(document.getElementById("map_canvas"),
myOption);

<!--中心にマーカー表示-->
var marker1 = new google.maps.Marker({
	  position: latlng,
		title: "Brixton in LONDON"
	});
	marker1 .setMap(map);
	
	<!--マーカーの追加-->
	var myLatlng = new google.maps.LatLng(51.458750093585785,-0.11332333087921143);
	var marker2 = new google.maps.Marker({
		position: myLatlng,
		title: " a homestay"
	});
	marker2.setMap(map);
	
	<!--マーカーをクリックしたら情報ウィンドウを表示-->
	
	var marker1text = 'ここが<span style="color: #545454;">「Brixton station」</span>です'
	var infowindow1 = new google.maps.InfoWindow({
		 content: marker1text,
		 maxWidth: 200
		});

		google.maps.event.addListener(marker1,'click',function(){
		 	infowindow1.open(map,marker1);
		});
		
var marker2text = 'ここが<span style="color: #545454;">「HOMESTAY先」</span>です'
	var infowindow2 = new google.maps.InfoWindow({
		 content: marker2text,
		 maxWidth: 200
		});

		google.maps.event.addListener(marker2,'click',function(){
		 	infowindow2.open(map,marker2);
		});
	}
</script>
</head>

<body onload = "initialize()">
<!--地図の描画-->
<div id="map_canvas" style="width: 600px; height: 450px;"></div>
<h2>Brixton in LONDON</h2>

<p>以前に留学していたときに住んでいた場所です。
black musicを聴くためだけに行っていたのであえて
一番black peopleの人口が多い場所をえらびここになりました。
罵倒されたこともありますが住みやすい場所でした。<br />
最寄の駅からホームステイ先の家までのマーカーです。
</p>
</body>

</html>
マーカー表示２箇所
吹き出しあり