window.onload = function() {

var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(35.729740,139.713596), 17);

var icon = new GIcon();
// icon.shadow = "/img/map/shadow.png";
icon.iconSize = new GSize(71, 58); //マーカー画像のサイズ
//icon.shadowSize = new GSize(108, 45); 影の画像サイズ
icon.iconAnchor = new GPoint(35, 58); //どの位置が目的地を示すか
icon.infoWindowAnchor = new GPoint(80, 10); //詳細ウィンドウの位置
icon.infoShadowAnchor = new GPoint(80, 10); //詳細ウィンドウの影の位置

function createMarker(point, text, type) {

if(type == "map"){ icon.image = "/img/map/mark.png"; }

var marker = new GMarker(point, icon);
var html = "<div class=\"mapInfo\">" + text + "</div>";
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});

return marker;
}

var request = GXmlHttp.create();
request.open("GET", "mark.xml", true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
var xmlDoc = request.responseXML;
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var point = new GPoint(parseFloat(markers[i].getAttribute("lng")),parseFloat(markers[i].getAttribute("lat")));
var marker = createMarker(point, markers[i].firstChild.nodeValue, markers[i].getAttribute("type") );
map.addOverlay(marker);
}
}
}
request.send(null);

}