window.onload = function() {



var map = new GMap(document.getElementById("map"));

map.addControl(new GLargeMapControl());

map.addControl(new GMapTypeControl());

map.centerAndZoom(new GPoint(139.752016,35.652044), 0);



var icon = new GIcon();

icon.shadow = "/img/company/shadow.png";

icon.iconSize = new GSize(50, 34);

icon.shadowSize = new GSize(53, 34);

icon.iconAnchor = new GPoint(25, 34);

icon.infoWindowAnchor = new GPoint(25, 2);

icon.infoShadowAnchor = new GPoint(18, 25);



function createMarker(point, text, type) {



if(type == "DIGIPER"){ icon.image = "/img/company/digiper.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);



}