第9回ゼミ

1. ラジオボタンを作って表示するマーカーを変える
• ラジオボタンの作成
•    <div id="menu">
      <form id="menu_form" name="menu-form">
        <input type="radio" id="all" name="scale" checked="checked" />
        <label for="all">全て表示</label>
        <input type="radio" id="small" name="scale" />
        <label for="small">200床未満</label>
        <input type="radio" id="medium" name="scale" />
        <label for="medium">200床以上500床未満</label>
        <input type="radio" id="large" name="scale" />
        <label for="large">500床以上</label>
      </form>
    </div>
• ラジオボタンに対応するイベントハンドラを作成
•     // 200床未満 radio button クリックイベントハンドラ
      var elm_small = document.getElementById("small");
      google.maps.event.addDomListener(elm_small, 'click', function(ftMouseEvt) {
        layer.query.where = "'病床数' < 200";
        layer.setMap(map);
      });