HOME>A.joboji> ホームページ制作 > GoogleEarthをブラウザで表示する最も簡単な方法

A.JOBOJI

A.JOBOJI

CALENDAR

MENBER

a.joboji

k.nakasato

y.ainai

a.yamaguchi

k.kimura

h.nakamura

k.miura

y.seki

y.suzuki

GoogleEarthをブラウザで表示する最も簡単な方法

WordPressやWPmuにFlash>> <<ニンジン堀から始まったお食事会
2008.7. 8
googleearthfoeseinen.jpg

GoogleEarthのサイトに行くと、「簡単なコードを一行追加するだけで」すぐgoogleearthをサイトに追加できると書いてありますが、具体的にどうすれば良いのかは書かれていません。（書かれているのですがJSが分からないと一字一句同じじゃないと貼り付けできないですよね。）

googlemapをサイトに挿入している方であれば、下記のようなソースを入れていると思います。
<script type="text/javascript">

//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var opts = {mapTypes : [G_SATELLITE_MAP,G_NORMAL_MAP]};
var map = new GMap2(document.getElementById("map"), opts);
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(ここに座標１, ここに座標２), 16);
}
}
//]]>
</script>

その中に、
map.addMapType(G_SATELLITE_3D_MAP);
を挿入するだけでOKという事です。ただし、サテライト、ハイブリッド、地図などの切り替えボタンを表示していない場合は上記のaddMapType が効かないので、
map.addControl(new GMapTypeControl());
も一緒に入れてあげましょう。
吹き出しを入れていたり、デフォルトの表示をサテライトにしていたり、様々なソースがあるかと思いますが、大体は上記の２点に気を使えばうまくいくと思います。

今回は、青年部のサイトに埋め込んでみました。Earthボタンを押すとプラグインダウンロードの画面になるので、ダウンロードしてお楽しみください。

関連エントリー

TRACKBACK(0)

このブログ記事を参照しているブログ一覧: GoogleEarthをブラウザで表示する最も簡単な方法

このブログ記事に対するトラックバックURL: http://www.grooblog.com/mt4/groove-tb.cgi/161/tb/XXXX

CAPTCHA
トラックバックスパム防止のため、末尾の XXXX 部分を上記画像の数字に置き換えてからご利用ください。お手数ですがご協力よろしくお願いいたします。

COMMENTS

電子メール・ＵＲＬは未記入でもかまいません。

画像の中に見える文字を入力してください。

WordPressやWPmuにFlash>> <<ニンジン堀から始まったお食事会