window.onload   = onLoad;
window.onunload = GUnload;

var map = null;
var tileoverlay = null;

function onCheckboxClicked() {
  if( tileoverlay != null ) {
    map.removeOverlay(tileoverlay);
    var obj = document.getElementById('tlv');
    if( obj.checked == true ) {
      map.addOverlay(tileoverlay);
    }
  }
}

function onLoad() {
  map = new GMap2( document.getElementById('map'));

  // マップの生成、中心点移動、ズーム設定
  map.enableDoubleClickZoom();
  map.enableContinuousZoom();
  map.addControl(new GLargeMapControl());
  map.addControl(new GMapTypeControl());
  map.setCenter(new GLatLng(36,138),12);
  // レイヤー作成
  var tilelayer = new GTileLayer(new GCopyrightCollection(), 0, 17 );
  // 透明度設定
  tilelayer.getOpacity = function() { return 0.6; };
  // Google Maps が、このレイヤー表示のために呼ばれる URL を設定
  tilelayer.getTileUrl = function(point,zoom) {
    var url =
      'http://www.finds.jp/ws/gmmesh.php?'
      +'lat=129600&lon=496800'
      +'&t=t&cx=5&cy=5&sx=45&sy=30'
      +'&p=0:0:255,255:0:0,255:128:0,255:255:0,160:255:0,0:224:0'
      +'&d=1,2,3,4,5,2,3,4,5,1,3,4,5,1,2,4,5,1,2,3,5,1,2,3,4'
      +'&tx='+point.x+'&ty='+point.y+'&zoom='+zoom +'&bdw=1&bdc=128:64:0';
    return url;
  };

  // オーバレイ作成
  tileoverlay = new GTileLayerOverlay(tilelayer);
  // オーバレイ追加
  onCheckboxClicked()
}