﻿var map = new GMap(document.getElementById("map"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.centerAndZoom(new GPoint(134.639744,34.806217), 1);

var icon = new GIcon();
icon.iconSize = new GSize(32, 32);
icon.shadowSize = new GSize(59, 32);
icon.iconAnchor = new GPoint(9, 34);
icon.infoWindowAnchor = new GPoint(24, 0);
icon.infoShadowAnchor = new GPoint(18, 25);

function createMarker(point, text, type, title) {

var marker = new GMarker(point, icon);
var html = "<div class=\"info\">" + text + "</div>";

if(type == "英賀神社"){ icon.image = "http://agajinja.jp/map/image/marker/jinja.png";
					icon.shadow = "http://agajinja.jp/map/image/marker/jinja.shadow.png";
					GEvent.addListener(marker, "mouseover", 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"), markers[i].getAttribute("title") );
map.addOverlay(marker);
}

var latlng = new GLatLng(34.803426,134.639801);
icon.iconSize = new GSize(24,16);
icon.image = "http://agajinja.jp/map/image/marker/dummy.png";
icon.shadow = "http://agajinja.jp/map/image/marker/dummy.png";
icon.iconAnchor = new GPoint(24,16);
icon.shadowSize = new GSize(24, 16);
map.addOverlay( new GMarker(latlng, icon) ); 

}
}
request.send(null);
