﻿    //<![CDATA[

	var icon = Array();
		
    icon[1] = new GIcon();
    icon[1].image = "./files/pin_red16.png";
    icon[1].shadow = "./files/shadow.png";
    icon[1].iconSize = new GSize(16,25);
	icon[1].shadowSize = new GSize(40,28);
    icon[1].iconAnchor = new GLatLng(6,10);
    icon[1].infoWindowAnchor = new GLatLng(5,10);

	icon[2] = new GIcon();
    icon[2].image = "./files/pin_blue.png";
    icon[2].shadow = "./files/shadow.png";
	icon[2].shadowSize = new GSize(40,28);
    icon[2].iconSize = new GSize(16,25);
    icon[2].iconAnchor = new GLatLng(6,10);
    icon[2].infoWindowAnchor = new GLatLng(5,10);
		
	icon[3] = new GIcon();
    icon[3].image = "./files/pin_hospital.png";
	icon[3].shadow = "./files/shadow.png";
    icon[3].iconSize = new GSize(16,25);
	icon[3].shadowSize = new GSize(40,28);
    icon[3].iconAnchor = new GLatLng(6,10);
    icon[3].infoWindowAnchor = new GLatLng(5,10);
		
	icon[4] = new GIcon();
    icon[4].image = "./files/pin_lblue.png";
    icon[4].shadow = "./files/shadow.png";
	icon[4].shadowSize = new GSize(40,28);
    icon[4].iconSize = new GSize(16,25);
    icon[4].iconAnchor = new GLatLng(6,10);
    icon[4].infoWindowAnchor = new GLatLng(5,10);
	
	icon[5] = new GIcon();
    icon[5].image = "./files/pin_orange.png";
    icon[5].shadow = "./files/shadow.png";
	icon[5].shadowSize = new GSize(40,28);
    icon[5].iconSize = new GSize(16,25);
    icon[5].iconAnchor = new GLatLng(6,10);
    icon[5].infoWindowAnchor = new GLatLng(5,10);
	
	icon[6] = new GIcon();
    icon[6].image = "./files/pin_pink.png";
    icon[6].shadow = "./files/shadow.png";
	icon[6].shadowSize = new GSize(40,28);
    icon[6].iconSize = new GSize(16,25);
    icon[6].iconAnchor = new GLatLng(6,10);
    icon[6].infoWindowAnchor = new GLatLng(5,10);
	
	icon[7] = new GIcon();
    icon[7].image = "./files/pin_green.png";
    icon[7].shadow = "./files/shadow.png";
	icon[7].shadowSize = new GSize(40,28);
    icon[7].iconSize = new GSize(16,25);
    icon[7].iconAnchor = new GLatLng(6,10);
    icon[7].infoWindowAnchor = new GLatLng(5,10);
		
	icon[8] = new GIcon();
    icon[8].image = "./files/pin_purple.png";
    icon[8].shadow = "./files/shadow.png";
	icon[8].shadowSize = new GSize(40,28);
    icon[8].iconSize = new GSize(16,25);
    icon[8].iconAnchor = new GLatLng(6,10);
    icon[8].infoWindowAnchor = new GLatLng(5,10);
	
	icon[9] = new GIcon();
    icon[9].image = "./files/m_blue.png";
    icon[9].shadow = "./files/shadow.png";
    icon[9].iconSize = new GSize(12,20);
	icon[9].shadowSize = new GSize(30,23);
    icon[9].iconAnchor = new GLatLng(6,10);
    icon[9].infoWindowAnchor = new GLatLng(5,10);
		
    icon[10] = new GIcon();
    icon[10].image = "./files/120.png";
    //icon[10].shadow = "./files/100x50shadow.png";
    icon[10].iconSize = new GSize(120,87);
	icon[10].shadowSize = new GSize(150,150);
    icon[10].iconAnchor = new GLatLng(90,60);
    icon[10].infoWindowAnchor = new GLatLng(100,50);
		
    icon[11] = new GIcon();
    icon[11].image = "./files/kawaguchi.png";
    //icon[11].shadow = "./files/kawa_shadow.png";
    icon[11].iconSize = new GSize(134,42);
	icon[11].shadowSize = new GSize(150,50);
    icon[11].iconAnchor = new GLatLng(80,155);
    icon[11].infoWindowAnchor = new GLatLng(50,130);
	
			
    icon[12] = new GIcon();
    icon[12].image = "./files/motogo.png";
    //icon[12].shadow = "./files/100x50shadow.png";
    icon[12].iconSize = new GSize(134,42);
	icon[12].shadowSize = new GSize(150,150);
    icon[12].iconAnchor = new GLatLng(35,0);
    icon[10].infoWindowAnchor = new GLatLng(100,50);


    if (GBrowserIsCompatible()) { 
      var side_bar_html = "";
      var gmarkers = [];
      var htmls = [];
      var ii = 0;

      var map = new GMap2(document.getElementById("map"));
      map.addControl(new GSmallMapControl());
      map.addControl(new GMapTypeControl());
      map.setCenter(new GLatLng(35.802152, 139.717931), 17);

      function createMarker(point, name, html, n) {
        var marker = new GMarker(point, icon[n]);
        GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(html); });
        gmarkers[ii] = marker;
        htmls[ii] = html;
        side_bar_html += '<a href="javascript:myclick(' + ii + ')">' + name + '<\/a><br />';
        ii++;
        return marker;
      }
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }

      function readMap(url) {
        var request = GXmlHttp.create();
        request.open("GET", url, true);
        request.onreadystatechange = function() {
          if (request.readyState == 4) {
            var xmlDoc = GXml.parse(request.responseText);
            var markers = xmlDoc.documentElement.getElementsByTagName("marker");
            map.getInfoWindow().hide();
            map.clearOverlays();
            gmarkers = [];
            htmls = [];
            ii = 0;
            side_bar_html="";
            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 label = markers[i].getAttribute("label");
              var n = markers[i].getAttribute("n");
              var marker = createMarker(point,label,html,n);
              map.addOverlay(marker);
            }
            document.getElementById("side_bar").innerHTML = side_bar_html;

          var lines = xmlDoc.documentElement.getElementsByTagName("line");
          for (var a = 0; a < lines.length; a++) {
            var color = lines[a].getAttribute("color");
            var width  = parseFloat(lines[a].getAttribute("width"));
            var opacity  = parseFloat(lines[a].getAttribute("opacity"));
            var points = lines[a].getElementsByTagName("point");
            var pts = [];
            for (var i = 0; i < points.length; i++) {
               pts[i] = new GLatLng(parseFloat(points[i].getAttribute("lat")), parseFloat(points[i].getAttribute("lng")));
            }
            map.addOverlay(new GPolyline(pts, color, width, opacity));
          }

          // ===== 物件Polygon描画 =====
		  
     var polygon = new GPolygon([new GLatLng(35.80473625374764, 139.7306925058365),new GLatLng(35.80400534522254, 139.73057448863983), new GLatLng(35.80392268252556, 139.73113238811493), new GLatLng(35.80352677052088, 139.73106801509857), new GLatLng(35.803518069135976, 139.73113238811493),new GLatLng(35.803905279841544, 139.73121017217636),new GLatLng(35.803846545754844, 139.73170638084412),new GLatLng(35.80462748802402, 139.73143815994263),new GLatLng(35.80469274747606, 139.73100632429123),new GLatLng(35.804529598745454, 139.73097145557404) ,new GLatLng(35.80456222851836, 139.73073542118073),new GLatLng(35.80473190312155, 139.7307649254799),new GLatLng(35.80472755249522, 139.73077297210693)], "#0000ff", 1, 0.5, "#ff0000", 0.8);
	 
      map.addOverlay(polygon);
          }

         // ===== 以上物件Polygon描画 =====
        }
        request.send(null);
      }
      readMap("./mapxml/sta_area.xml"); // 初期画面で呼出
    // ===== 以上XML呼出 =====
      }
    //]]>