var map = new GMap(document.getElementById("map"));
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(139.770491,37.677884), 11);

var icon = new GIcon();
icon.shadow = "image/marker/shadow.png";
icon.iconSize = new GSize(20, 34);
icon.shadowSize = new GSize(37, 34);
icon.iconAnchor = new GPoint(9, 34);
icon.infoWindowAnchor = new GPoint(9, 2);
icon.infoShadowAnchor = new GPoint(18, 25);

function createMarker(point, text, type) {

if(type == "北海道"){ icon.image = "image/marker/marker1.png"; }
if(type == "東北"){ icon.image = "image/marker/marker2.png"; }
if(type == "関東"){ icon.image = "image/marker/marker3.png"; }
if(type == "北陸・甲信越"){ icon.image = "image/marker/marker4.png"; }
if(type == "東海"){ icon.image = "image/marker/marker5.png"; }
if(type == "近畿"){ icon.image = "image/marker/marker6.png"; }
if(type == "中国"){ icon.image = "image/marker/marker7.png"; }
if(type == "四国"){ icon.image = "image/marker/marker8.png"; }
if(type == "九州・沖縄"){ icon.image = "image/marker/marker9.png"; }

var marker = new GMarker(point, icon);
var html = "<div class=\"info\">" + 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);