blog@slightlyblue

GoogleMapsいじってると、地図の上にいろいろ重ねたくなっちゃいます（かっこよさげだから）。

半透明のフォームのっけてみました。

Google Maps API Version 2 Class Reference (意訳とサンプル) GOverlay
をベースに。
地図全面にGOverlayを貼り付けるところと、半透明なブロックをつくるCSS

javascript:
TestOvy.prototype.redraw = function(force) {
  //再描画
  if (!force) return;  //forceがfalseなら(つまり地図が動いていなければ)動作しません
  this._div.style.width = map.getSize().width + "px";
  this._div.style.height = map.getSize().height + "px";
}
css:
#content{
background: white;
text-align: center;
padding-top: 100px;
filter: alpha(opacity=85);
-moz-opacity:0.85;
opacity:0.85;
position: relative;
left: 0px;
top: 0px;
}

フォームでtext入力する時の使い勝手が悪いのでアウト..