Rich Gibson & Schuyler Erle著 武舎広幸+福地太郎+武舎るみ訳 GOOGLE MAPS HACKSTM

追加情報10 GGroundOverlayを使ったオーバーレイ画像の表示(2007年5月18日追加)

APIバージョン2.79から加わったクラスGGroundOverlayを使うと、オーバーレイ画像を簡単に作れます。縮尺に合わせて自動的に拡大縮小してくれます。 したがって、下の怪獣も縮尺に合わせて自動的に拡大縮小します。(影の方向が逆ですがご勘弁をm(_ _)m)

 

コードは次のようになっています。
  var pointCenter = new GLatLng(35.6575141821702, 139.74730610847473);
  var map = new GMap2(document.getElementById("map"));
  map.setCenter(new GLatLng(35.65749, 139.74693), 17, G_SATELLITE_MAP);
  map.addControl(new GSmallMapControl());
  map.addControl(new GMapTypeControl());

  var pointSW = new GLatLng(35.65528250911771, 139.7463297843933); // 画像の南西の経緯度
  var pointNE = new GLatLng(35.65772339832165, 139.74988102912903); // 画像の北東の経緯度

  var groundOverlay = new GGroundOverlay(
     "http://www.marlin-arms.co.jp/gmh/images/animal-overlay.png", //画像の指定
     new GLatLngBounds(pointSW, pointNE)); // 画像の領域を指定

  map.addOverlay(groundOverlay);