Loading [MathJax]/extensions/Safe.js
MENU

Google Earth オーバーレイ V3


Google MapsをベースにEarth用のグラウンド・オーバーレイのKMZを作ってみましょう。

My Mapsでは未だグラウンド・オーバーレイのタグを表示する機能はないようです。Google Maps APIのKmlLayerでは対応しているのに………..なんで?

KMZ作成にはJavaScript(JSZIPjQuery)とHTML5のFile APIを使ってみます。

保存ファイルは読み込んだ画像と位置データ用のKMLファイルをZIPアーカイブしてKMZファイルにしたものです。

サンプルとしてこんなものを作成してみましょう。

市立吹田サッカースタジアムの座席表をEarth上で立体的に表示。

KMZファイル

earth-suista-seats

座席表の画像はガンバさんのHPから拝借。

KMZ作成はGoogle Maps オーバーレイ V3のサービスページで行います。

maps-overlay-1



下準備

背景を透過した画像を作っておきます(ものによっては透過しなくてもいいです)。

maps-overlay-2

手順1

地図上でクリックして、画像をオーバーレイする範囲を設定しておきます。

枠内で右クリックすると、編集・移動の可/不可を指定できます。

maps-overlay-3

手順2

オーバーレイ用の画像をロードします。

読み込みには少し間が空きます(5秒くらい)。

maps-overlay-4

手順3

画像は真北を向いているので少し傾ける必要があります。

傾き角を調べます。

屋根の辺の角度を知りたいので、地図のマーカをを辺に持ってきて「コンパス」をクリック。

コンパスが表示されたもう一度辺をクリックすると角度を取得できます。

maps-overlay-5

手順4

高度を設定します。0なら地面に張り付きます。それ以外は絶対値での指定になります。

高度設定は実寸でやると観づらくなります。ダイナミックに100とか150で設定。

最後に「Earth用KMZを作成して保存」をクリック。

データはダウンロード・フォルダーに保存されます。

maps-overlay-6

以上です。

 


こんなんもどうでしょう。

夏の京の風物詩、五山送り火「大文字」を行書体にしてみました。

daimonji

データ


テキストと画像をアーカイブするサンプルページ

コードも載せときました、参考までに。


 

Be the first to comment

Leave a Reply

Your email address will not be published.


*