// JavaScript Document
//----- 千葉エリア用JS ------//

function createMarker(mpoint, spot, url, ctga, syubetsu, icon1){
//----- マーカを作る ------//
									 
//表示するHTMLを作成
var html="<div style=\"width:200px;height:auto;margin:10px 0 0 0;text-align:center;\"><b style=\"font-size:14px;\">"+spot+"</b>"
+"<p style=\"font-size:12px;\">"
+"    <a href=\""+url+"\"target=\"blank\" onclick=\"javascript:urchinTracker(\'"+ctga+"\')\">詳細情報はこちら&raquo</a>"
+"</p>"
+"</div>";

//マーカを作成
var marker = new GMarker(mpoint, icon1);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}

function load(){
var gmap = new GMap2( document.getElementById("gmap"));
gmap.setCenter( new GLatLng(35.64836915737426, 140.2130126953125), 9 );
gmap.addControl(new GScaleControl());
var position = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 10));
gmap.addControl(new GLargeMapControl(), position);


//----- XMLを読み込んで、地図にマーカを追加 ------//
GDownloadUrl("map_list.xml",function(data, responseCode) {
var xmlDoc = GXml.parse(data);
var markers = xmlDoc.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) { 
var mpoint = new GLatLng( 
markers[i].getAttribute("lat"),
markers[i].getAttribute("lng") 
);
var spot=markers[i].getAttribute("spot");
var url=markers[i].getAttribute("url");
var ctga=markers[i].getAttribute("ctga");
var syubetsu=markers[i].getAttribute("syubetsu");


//オリジナルマーカーの画像を作成
var icon1 = new GIcon();
icon1.image = "images/common/"+syubetsu;
icon1.iconSize = new GSize(30, 34);
icon1.iconAnchor = new GPoint(6, 20);
icon1.infoWindowAnchor = new GPoint(5, 1);

var imageUrl = "http://www.330navi.com/images/common/img-control-back.png";
var screenXY = new GScreenPoint(509, 140);
var overlayXY = new GScreenPoint(10, 10);
var sz = new GScreenSize(104, 116);
var soverlay = new GScreenOverlay(imageUrl, screenXY, overlayXY, sz);

var marker = createMarker(mpoint, spot, url, syubetsu, ctga, icon1); 
gmap.addOverlay(marker);
gmap.addOverlay(soverlay);
}
});
}
//]]>