第7回ゼミ

フュージョンテーブルで作成した「岡山県の病院」に以下のバージョンアップを加えて「岡山県の病院(2)」を作る。

1. 情報ウィンドウに一般病床数，DPC算定病床数，療養病床数，精神病床数，結核病床数，感染病床数を表示する。
2. クリックイベントハンドラを作って情報ウィンドウを編集，表示する

    // クリックイベントハンドラ
    google.maps.event.addListener(layer, 'click', function(ftMouseEvt) {
      var row = ftMouseEvt.row;
      var html = [];
      html.push("<div class='googft-info-window'>");
      html.push("<table id='info-window'>");
      html.push("<tr><th>病院名:</th><td><a href='http://www.google.co.jp/search?q=" + encodeURIComponent(row["正式名称／二次医療圏"].value) + "' target='_blank'>" + row["正式名称／二次医療圏"].value + "</a></td></tr>");
      html.push("<tr><th>病床数:</th><td>" + row["病床数"].value + "</td></tr>");
      html.push("<tr><th>一般病床数:</th><td>" + row["一般病床数"].value + "</td></tr>");
      html.push("<tr><th>DPC算定病床数:</th><td>" + row["DPC算定病床数"].value + "</td></tr>");
      html.push("<tr><th>療養病床数:</th><td>" + row["療養病床数"].value + "</td></tr>");
      html.push("<tr><th>精神病床数:</th><td>" + row["精神病床数"].value + "</td></tr>");
      html.push("<tr><th>結核病床数:</th><td>" + row["結核病床数"].value + "</td></tr>");
      html.push("<tr><th>感染病床数:</th><td>" + row["感染病床数"].value + "</td></tr>");
      html.push("</table>");
      html.push("</div>");
      ftMouseEvt.infoWindowHtml = html.join("");
    });

• javascriptでurlEncodeするには，encodeURI(), encodeURIComponent()を使う
• フュージョンテーブルはxlsmファイルは読み込めない
• フュージョンテーブルはExcelファイルに複数のシートがあったら最初のシートを読み込む