<html lsng="ja">
<head>
<meta charset="UTF-8">
<title>グーグルマップ(Static Maps API)</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&language=ja"></script>
<script type="text/javascript">
function initialize() {
var latlng = new google.maps.LatLng(35.801922,139.717583);
var myOptions = {
zoom: 14,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
var marker1 = new google.maps.Marker({
position: latlng,
title: "川口駅"
});
marker1.setMap(map);
var myLatlng = new
google.maps.LatLng(35.816778, 139.736259);
var marker2 = new google.maps.Marker({
position: myLatlng,
title: "南鳩ヶ谷駅"
});
marker2.setMap(map);
var marker1text='ここは<span style="color:#f00;">川口駅</span>です'
var infowindow1 = new google.maps.InfoWindow({
content: marker1text,
maxWidth:200
});
google.maps.event.addListener(marker1,'click', function(){
infowindow1.open(map,marker1);
});
var markertext='ここは<span style="color:#f00;">南鳩ヶ谷駅</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: 640px; height: 480px;"></div>
</body>
</html>