// ============アイコン指定=============
var icon = Array();
icon[0] = new GIcon();
icon[0].image = "./common/ic0.gif";
icon[0].iconSize = new GSize(20,30);
icon[0].iconAnchor = new GLatLng(17,10);
icon[0].infoWindowAnchor = new GLatLng(17,10);

icon[1] = new GIcon();
icon[1].image = "./common/ic1.gif";
icon[1].iconSize = new GSize(20,30);
icon[1].iconAnchor = new GLatLng(17,10);
icon[1].infoWindowAnchor = new GLatLng(17,10);

icon[2] = new GIcon();
icon[2].image = "./common/ic2.gif";
icon[2].iconSize = new GSize(20,30);
icon[2].iconAnchor = new GLatLng(17,10);
icon[2].infoWindowAnchor = new GLatLng(17,10);

icon[3] = new GIcon();
icon[3].image = "./common/ic3.gif";
icon[3].iconSize = new GSize(20,30);
icon[3].iconAnchor = new GLatLng(17,10);
icon[3].infoWindowAnchor = new GLatLng(17,10);

icon[4] = new GIcon();
icon[4].image = "./common/ic4.gif";
icon[4].iconSize = new GSize(20,30);
icon[4].iconAnchor = new GLatLng(17,10);
icon[4].infoWindowAnchor = new GLatLng(17,10);

icon[5] = new GIcon();
icon[5].image = "./common/ic5.gif";
icon[5].iconSize = new GSize(20,30);
icon[5].iconAnchor = new GLatLng(17,10);
icon[5].infoWindowAnchor = new GLatLng(17,10);

icon[6] = new GIcon();
icon[6].image = "./common/ic6.gif";
icon[6].iconSize = new GSize(20,30);
icon[6].iconAnchor = new GLatLng(17,10);
icon[6].infoWindowAnchor = new GLatLng(17,10);

icon[7] = new GIcon();
icon[7].image = "./common/ic7.gif";
icon[7].iconSize = new GSize(20,30);
icon[7].iconAnchor = new GLatLng(17,10);
icon[7].infoWindowAnchor = new GLatLng(17,10);

icon[8] = new GIcon();
icon[8].image = "./common/ic8.gif";
icon[8].iconSize = new GSize(20,30);
icon[8].iconAnchor = new GLatLng(17,10);
icon[8].infoWindowAnchor = new GLatLng(17,10);

icon[9] = new GIcon();
icon[9].image = "./common/ic9.gif";
icon[9].iconSize = new GSize(20,30);
icon[9].iconAnchor = new GLatLng(17,10);
icon[9].infoWindowAnchor = new GLatLng(17,10);

icon[10] = new GIcon();
icon[10].image = "./common/ic10.gif";
icon[10].iconSize = new GSize(20,30);
icon[10].iconAnchor = new GLatLng(17,10);
icon[10].infoWindowAnchor = new GLatLng(17,10);

icon[11] = new GIcon();
icon[11].image = "./common/ic11.gif";
icon[11].iconSize = new GSize(20,30);
icon[11].iconAnchor = new GLatLng(17,10);
icon[11].infoWindowAnchor = new GLatLng(17,10);


    // ==============以　上==============



if (GBrowserIsCompatible()) { 

    var side_bar_html = "";
    var gmarkers = [];
    var htmls = [];
    var i = 0;

    // ===== 基礎部分、setCenterで中心座標を指定 =====
      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GLargeMapControl()); 
      map.addControl(new GMapTypeControl());
	  //map.setCenter(new GLatLng(35.586131,139.255486), 14);
      map.setCenter(new GLatLng(35.564071,139.182701), 12); 

    // ===== マーカーとフキダシ。name がサイドバー表示、html がフキダシの指示 =====
      function createMarker(point, name, html, n) {
        var marker = new GMarker(point, icon[n]);
        GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
        gmarkers[i] = marker;
        htmls[i] = html;
        side_bar_html += '<a href="javascript:myclick(' + i + ')">' + name + '<\/a><br />';
        i++;
        return marker;
      }
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }

    // ===== XMLの呼出=====
      var request = GXmlHttp.create();
      request.open("GET", "allshop.xml", true);
	  //alert("ok");
      request.onreadystatechange = function() {
        if (request.readyState == 4) {
          var xmlDoc = request.responseXML;
          // var xmlDoc = GXml.parse(request.responseText); // Google Page Creator を使う場合
          var markers = xmlDoc.documentElement.getElementsByTagName("marker");
          
          for (var i = 0; i < markers.length; i++) {
            var lat = parseFloat(markers[i].getAttribute("lat"));
            var lng = parseFloat(markers[i].getAttribute("lng"));
            var point = new GLatLng(lat,lng);
            var html = markers[i].getAttribute("html");
            var eki = markers[i].getAttribute("eki");
			var n = markers[i].getAttribute("n");

            var marker = createMarker(point, eki, html, n);
            map.addOverlay(marker);
          }
          //document.getElementById("side_bar").innerHTML = side_bar_html;
        }
      }
      request.send(null);
    // ===== 以上 =====
      }
	  
	  
function fPanTo(x, y) {
	map.panTo(new GLatLng(x, y));
}

///////////////////////////////////////////////////////////////////
/*

API Key shoko
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAKmAM7jMKDIbQUZ9_b1OAWhRYKRKznQ4XMb4cahmvoKWadf3SxBQFsscnMahT4tVf8zD0B2562QcAUw" type="text/javascript"></script>


API Key test
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAkQDFQN7YEHKrHvzwppwyihTKS8Sss7zLvD4O7qPDXn0nfU-ophQW6OLQWru-q9Pwi9vcfJNPA137cA" type="text/javascript"></script>



*/
///////////////////////////////////////////////////////////////////