//<![CDATA[

    // ===== 変更不要 =====
    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());
ctrlObj = new GOverviewMapControl(new GSize(160,120));
map.addControl(ctrlObj);
      map.setCenter(new GLatLng(35.05917600778041,132.7665138244629), 14 ); //

    // ===== マーカーとフキダシ。name がサイドバー表示、html がフキダシの指示 =====
      function createMarker(point, spot, ruby, photo, add, tel, message, link, target, link2, target2) {
var name=spot;
var html="<div id='maps'>"
        +"<div class='map-t'><span class='map-tt'><ruby><rb>"+spot+"</rb><rt>"+ruby+"</rt></ruby></span></div>"
//        +"<div class='map-p'><img src='"+photo+"' width='100px' ></div>"
        +"<div class='map-ad'>[住所] "+add+"</div>"
        +"<div class='map-tel'>[TEL] "+tel+"</div>"
        +"<div class='map-msg'>"+message+"</div>"
//        +"<div class='map-com'>[URL]</div>"
//        +"<div class='map-lk'><a href='"+link2+"' target='"+target2+"'>"+spot+"の紹介</a></div>"
        +"<div class='map-lk'><a href='"+link+"' target='"+target+"'>"+spot+"公式ホームページ</a></div>"
        +"&nbsp;";
        +"</div>";

        var marker = new GMarker(point);
        GEvent.addListener(marker, "mouseover", function() { marker.openInfoWindowHtml(html); });
        gmarkers[i] = marker;
        htmls[i] = html;
        side_bar_html += '<div class="barlk"><a href="javascript:myclick(' + i + ')">' + name + '<\/a></div>';
        i++;
        return marker;
      }
      function myclick(i) {
        gmarkers[i].openInfoWindowHtml(htmls[i]);
      }


    // ===== XMLの呼出=====
      var request = GXmlHttp.create();
      request.open("GET", "usr/gmap-list.php", true);
      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 spot = markers[i].getAttribute("spot");
            var ruby = markers[i].getAttribute("ruby");
            var add = markers[i].getAttribute("add");
            var message = markers[i].getAttribute("message");
            var photo = markers[i].getAttribute("photo");
            var link = markers[i].getAttribute("link");
            var link2 = markers[i].getAttribute("link2");
            var tel = markers[i].getAttribute("tel");
            var target = markers[i].getAttribute("target");
            var target2 = markers[i].getAttribute("target2");

            var marker = createMarker(point, spot, ruby, photo, add, tel, message, link, target,link2, target2);
            map.addOverlay(marker);
          }
          document.getElementById("side_bar").innerHTML = side_bar_html;
        }
      }
      request.send(null);
    // ===== 以上 =====
      }
    //]]>