Google Earth APIを試す

「Google Earth」の世界をブラウザに - APIとプラグイン提供開始 | エンタープライズ | マイコミジャーナル 　早速試してみました。（Google Earth API Developer's Guideに書いてあるサンプルを試してみただけですが…。）

  google.load("earth", "1"); google.load("maps", "2.99");
  var ge = null;
  function init() { geocoder = new GClientGeocoder(); google.earth.createInstance("map3d", initCB, failureCB); }
  function initCB(object) { ge = object; ge.getWindow().setVisibility(true); }  function failureCB(object) { alert('load failed'); }

　サンプルでは検索できるようになっていますが、表示させるだけであれば上記の初期化関数とコールバック関数だけです。

<div id='map3d_container' style='border: 1px solid silver; height: 500px;'> <div id='map3d' style='height: 100%;'></div> </div>

　あとはHTML部分で上記のように初期化関数で設定したid（ここではmap3d）を書けばOK。 　ただし、Firefoxで調べたのですが、id=map3dのdivの親となるdiv（ここではmap3d_container。id名は何でも良いし、無くても良い）が必要となります。map3dのdivだけでは表示されません。ここのところは注意が必要です。 　座標を指定する関数等々、GoogleEarthで利用する機能は例示されています。これで簡単にWeb上のGoogleEarthを実現できますね。