hama1掲示板

最近になってから知ったのですが、グーグルアースを自分のブログに表示することもできるのですね。ブログに表示するためには、まずグーグルアカウントを作成してブログのトップページをURLとして登録してグーグルマップのキーを取得します。そして、以下のようなHTMLを書くとできあがりです。
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=false&amp;key=Please_input_your_key" type="text/javascript"></script><script type="text/JavaScript">//<![CDATA[
function StartGoogleEarth() {//
var map = new GMap2(document.getElementById("map"));//
map.setCenter(new GLatLng(39,136), 5,G_SATELLITE_3D_MAP);//
}//
//]]></script><div id="map" style="width: 450px; height: 450px"><a href="JavaScript:StartGoogleEarth()">グーグルアースを表示する</a></div>
もちろん、通常のグーグルマップを表示させることも可能です。上のHTMLを書くと以下のようになります。
グーグルアースを表示させてみよう
ここで、ブログの自動改行機能により各行の末尾に<br>が入った状態で投稿されるので行末を必ずコメントアウトするのは忘れないでください。本来はグーグルアースの表示はonloadイベントにかますのですが、hama1では既にonloadイベントは定義されているのでこのように別途表示させる方が無難です。