にやにや製作:GoogleMapとGPSを自転車で使う

お気楽・ごくらく ( ・∀・)ニヤニヤ
     
製作 かるかる

Google Mapsに大戦略みたいなヘックスを

2009年11月11日 21時32分21秒 | Google Hacks
GeoHex Google Maps API For Flash版

シリウスラボ sa2da さんの GeoHex がイケている件で知った sa2daさんのGeoHex(ジオヘックス)を見て
Google Maps API For Flashで作ってみました。Flex版GeoHex (GeoHex部分以外は使い回し)
ゲーム用途なら、JavaScriptよりAS3+Flexで作るのが格段に楽じゃないかと思います。

GeoHex


移植の程度

元のJavaScript版からAS3版へは変数に型を付ける程度の変更で移植できました。準備ができ次第ソースの公開を行います。

まだ手を付けていませんが、マピオンのFlash Maps API用にも作ってみるつもり。
普段はどちらかというとマピオン版を作ってからGoogle版に移植する事が多いのですが、今回は元ネタのソース(Google Maps API)があったためこの順番になりました。


なんかシミュレーションゲームが造りたくなってきた(*゜∀゜)=3

ヘックスと言えば大戦略(PC-9801F2/VF2用の2DD)
大戦略IIのディスク 2DD!!
バトルみたいな奴もいいな。
だれかキャラデザインやりませんか?-->ALL

Garmin GPSでGoogleマップを利用するサンプルみたいな物 その2

2009年10月10日 21時56分53秒 | Google Hacks
画像は自分で用意してね

他人の著作物を詰めたKMZファイルを勝手に配るわけにはいかんので、
画像を自分で用意するだけにしたサンプルで説明。

この記事は、前回の「Garmin GPSでipodと同じく日本語Google マップが表示可能になった!!」に連動しています。


※お約束
 以下の手順は、英語版 Colorado300で行いました。
 参考にした資料によると対象機種はColorado,Oregon,Dakotaとなっていますが、
 Colorado300以外で動作確認を取ったわけではありません。

 サポートはGarmin日本代理店へ
 
-------------------------------
以下手順

1.地図となる画像を取得
たとえばGoogleマップで名古屋駅の周辺をGarmin GPSが扱える最大サイズ1000x1000pixで取得するなら※1
サンプル地図

1000x1000
とする事で1000x1000のGIFファイルを取得できます。
それを何らかのコンバーターを使って GIFからJPGへ画像変換する。
下のサンプルKMZを使う場合には、mapdata.jpg という名前にしてね。

他に国土地理院地形図(以下、地形図)なんかもGoogle Earthに取り込んで画像として使えます。
立山国土地理院地形図
地形図なら緯度経度に関係なく15秒、30秒、60秒幅で正確に取得出来るため、座標計算が単純です。
個人的には地形図は大きく広げて見る物だと思っているので、GPS用に用意する気はありませんが、
需要もありそうだし複製の申請をして日本全国のKMZファイル売り出そかしらん。
なんか明日にでも出来る小遣い稼ぎが目の前に....


2.KMZファイルを用意する

KMZはZIPの拡張子がKMZに変更されているだけの物です。

楽できるよう既に位置データが書き込まれているdoc.kmlを格納したKMZを用意しました。
コレ→KMZひな形

2-1.ダウンロードしたKMZファイルの拡張子をZIPに変更します。
2-2.圧縮解凍ツールでこのZIPファイルを開き、filesディレクトリに
先ほど用意した「mapdata.jpg」を放り込んでZIPファイルを更新します。


3. ZIP to KMZ
ZIPファイルの拡張子をKMZに変更します。


4.Garmin GPSへ転送
対応機種の Garmin/CustomMaps/へ作ったKMZファイルを放り込みます。
本体、SDメモリどちらでもかまいません。
CustomMapsディレクトリは存在しないと思うので、自分でmkdirしてね。


5.準備完了
GPSを動作させ名古屋駅にカーソルを合わせると、用意した地図が表示されます。


6.補足
表示されない場合、GPSのMAPSELECTにチェックを与える必要があるかも知れません。
標準の状態がどうだったか忘れてしまったので、各自で弄ってください。

※1:1枚のJPGの最大サイズ、画像自体は1つのKMZファイルに100枚格納可能
KMZファイル数はたぶん、SDメモリの上限まで


参考動画:画質は悪いですが雰囲気はつかめると思う


Google Sites にRSS配信機能を付ける再び

2009年05月25日 22時36分45秒 | Google Hacks
tableの構造が変わったらしいので対応

半年ほど前「Google Sites にRSS配信機能を付ける」でGoogle SitesRSSを設置する方法を書きました。
きのう「動かない....」と記事を読んだ方からのメールがあり、修正したものを新たに公開(Google Sites Feed Ver 2.0 )しました。情報提供に感謝
Pipe


Yahoo! Pipeを弄るのは久しぶりなのでちょっとネタにしてみる

前回も今回もGoogle Sitesの更新情報からRSSを抜き出すモジュールとして
「Google Sites Recent Changes Feed Generator」を使い、その他の細々した処理を追加してPipeとして仕上げています。

今回発覚した不具合は「Google Sites Recent Changes Feed Generator」が想定していた更新情報のテーブル構造が変更されたため発生しました。
そのため修正はこの想定部分の不一致を修正することで対応しています。


[どう修正したか?]

書き換えたのは「Fetch Page」の部分だけです。
FetchPage
ここは、ページの必要な部分を取得する機能を持ちます。
「cut content from」と「to」によりHTMLの中から更新情報の書かれたtableのみをとりだして、次の「split using delimiter」で取得した内容を1つずつの記事に分割します。

具体的なコードは、元の「Google Sites Recent Changes Feed Generator」と修正したGoogle Sites Recent Changes Feed Generator copy and edit の「Fetch Page」を見比べてください。違いは20文字程度です。


「Google Sites 日本語版に対応」

次は細々した部分の修正

修正前のGoogle Sites Feed
日本語対応1

修正後のGoogle Sites Feed Ver 2.0
日本語対応2

[1.Regex]は、以前Google Sitesが英語表記で表示されていた時代
Google Sitesのページを新たに作成すると「created」、編集すると「edited」と出力されていた部分をそれぞれ「新規」「更新」とYahoo! Pipeの機能で置き換えていた所です。
Google Sitesが日本語化されたことで、この部分も変更されています。


[2.Filter]は、それぞれ「deleted」「削除」の入った記事を削除します。
RSSに削除ページの情報が配信されても意味ない(アクセス出来ない)ため、最初から無視するようにしています。

Yahoo! Pipeに公開されているPipesは修正上等ですからバシバシ修正してね。
---------------

新しくなったPipe(Google Sites Feed Ver 2.0 )の使い方

以前のGoogle Sites にRSS配信機能を付けるで紹介している方法と同じです。

URLにGoogle Sitesからの更新情報
UserNameに名前を消したいユーザー名を入力してください。
使い方

----------------
参考:

依存症・RSSリーダーに依存して視野が狭くなったと感じる:
興味のある新着項目をRSSに仕立ててRSSリーダーで読む方法

Google Sites にRSS配信機能を付ける:
タイトルの通り、今にいたってその機能が標準で無いなんて...

Google Earth API ブラウザ上でGPSログと地形図レイヤーを表示する:
GoogleマイマップにRSS配信機能

Google Earth API ブラウザ上でGPSログと地形図レイヤーを表示する

2009年02月25日 22時57分54秒 | Google Hacks
ブラウザ上で3Dマップ

やってみるとブラウザだけで3D地図やウェイポイント上の情報や写真を見られるのは非常にインパクトがある。
今までの「Google Earth用にKML/KMZファイルをダウンロードして、Google Earth上で見る」といった手順がいらないのは手軽

用意もGPSデータをツールに放り込んでボタンを2、3押すだけで作れるためこれまた手間無し。

YouTube動画上高地~岳沢経由の穂高行き


今回は自転車でもなく自分で取ったGPSデータでも無いけど写真だけは自前


Googleマイマップに保存することの利点

0.自サーバを用意する必要がない!!
1.Googleマイマップとして公開
2.Google Earth用KMLがダウンロードできる
3.RSS配信
4.10MBまでのGPSログや写真も添付OK

※但し4.のKMZに添付した画像が表示されなくなってしまっている。(調査中)

GoogleEarthAPI

例によって、gooブログではframeタグが使えないため、別ページに貼り付けてあります。
貼り付けてあるページはコチラ:
ブラウザ上でグリグリ動くので試してみてね。
kml-fetch-interactive.html

Google Earth APIを使ったHTMLの作り方
名前の通りGoogleのサンプルページGoogle Earth API Samples - Fetch KML (Interactive)を流用

上のサンプルのロジックをツールに組み込んだ。
GoogleからもらえるAPIKeyとKMZのURLを入れるだけでHTMLなど弄らずにすむ。
製作詳細とツールは後日

-------------
Google Earth API 参考
駄プログラム日記
日本語で fetchkmlの使い方を示したページって「駄プログラム日記」とうちだけ?
あとはソース見られないので参考にならない。

Google Earth API:参考にならない日本語ページ、直にリファレンスページへ行くのが吉

GoogleEarth でGPSトラックデータを修正編集する

2009年02月10日 22時00分46秒 | Google Hacks
加筆修正

以前書いた「GoogleEarth でGPSトラックデータを修正編集する」方法を書き直しました。

知る限り一番インタラクティブに行うことができます。
Google Earthの画面を見ながらGPSデータを修正できるのは楽ですね。
修正対象


---------------------
お勧めマニュアル:

・GPSデータをGoogleEarth上で編集する
GoogleEarth でGPSトラックデータを修正編集する

・ルート作成の決定版
Googleマップのルート検索結果をGPXに変換する方法

・写真を元にポイントを編集
(新手順) ドラック&ドロップだけでGoogleマップを作る方法

・スライドで説明 Google Earthデータを作る
動画版 デジカメ写真とGPSを使うGMMのもっとも基本的な使い方

・Google マップの作成
Google Maps出力方法

・ジオタグ(Exif 位置情報)を付ける
デジカメ写真に位置情報・ジオタグを付ける

・GPSデータを元にジオタグ(Exif 位置情報)を付ける
デジカメ画像にジオタグをつける方法2 GPSデータがある場合


Googleマイマップから生KMLを取得する

2009年01月16日 20時02分46秒 | Google Hacks
オプションを変えて生KMLを取得ヽ(゜∀゜)ノ

Googleマップ・ルート検索をGPXに変換するブックマークレット「GMapToGPX」を解析、件の配布元でスクリプトを入手して印刷して読んでみる。
分量はA4で13ページ、一通り呼んでから解読するかと読み進めると、ほとんどHTMLの整形と抜き出しばかりで
肝心のGoogleマップをゴニョゴニョする部分が見あたらない。
結局、最後の12ページ目ですべての謎が解ける。
肝

1つの方法としてGoogleマップの表示されているページの「Google Earth で表示」のリンクのオプションを「ネットワークリンク」出力から「KML」出力に替えてそれをGPXにパースしている。
(もう1つあるけど、長くなるので興味があればソースを見てね。)

試しにリンク「Google Earth で表示 」中の「nl」を「kml」に変更してリクエストを送ると、ネットワークリンク用KMLでは無く生のKMLをダウンロード出来ることを確認

原理が判明したらFlashに落とし込んでやろうかと思いましたが、あまりにも単純なのでやめ。
代わりに生KMLを吐くブックマークレットを作ったので、ご利用ください。
これにより出力されるKMLは、軌跡やプレイスマークがそのまま格納されているためGMM2.exe等で利用出来ます。

-------------------
[ブックマークレット版・生KML保存]
上記の手順を自動でやるブックマークレット「GMapToKML」

ネットワークリンクKMLではなく、実際に記述のあるKMLを取得したい場合に使います。
使い方はGMapToGPXと同じですが、既に保存されているマップにしか使う事は出来ません。

例によってgooブログではスクリプト類は一切貼れないので、別ページに用意しました。
このページに貼ってある

「GMapToGPX」でGPXが取れるため、特にKMLにして取得する意味はありませんが、ブックマークレットの習作ということで。
※IEで使用するとファイル名が崩れます(中身は正常)orz...

これにより前々回の手順「Googleマイマップで作ったルート(軌跡)やポイントをGPXに変換する方法」を以下の手順に差しかえます。

------------------
[5.KMLリンクの取得]

「Google Earthで表示」のリンクURLをコピーします。
新KML保存

------------------------
[6.KMLリンク書き換え]

1.ブラウザのURL欄にコピーする

2.文字列中の「output=nl」を
リンク抜書き換え前 クリックで拡大

「output=kml」と書き換える
リンク抜書き換え クリックで拡大

3.書き換えたURLのページを開く


補足1.
直接URLを書き換えるのが面倒なむきには前述の「GMapToKML」をご利用ください。

---------------------
[7.KMLの保存]

書き換えたURLのページを開くと以下のダイアログが表示されます。
適当な名前をつけてKMLを保存します。
KMLで保存

補足2.

通常は「ネットワークリンクKML」が取得される。
ネットワークリンク

オプションの書き換えを行うと、以下の様に実体が入った「生KML」が取得出来る。
KMLで取得完了


------------------
[8.KML対応ソフトで使う]

1.GMM2.exe上に保存したKMLをドラッグ&ドロップする。
2.KML中のトラック(軌跡)とPlaceMarkがポイントとして加工可能となる。
GMM2等で編集可能

------------------
参考:
Googleマイマップで作ったルート(軌跡)やポイントをGPXに変換する方法
GPSツール GMM2.exe まとめサイト
GMapToGPX:お勧め

Googleマップのルート検索結果をGPXに変換する方法

2009年01月14日 00時15分12秒 | Google Hacks
ルート検索の便利さを知らなかった

前回の「Googleマップ ルート検索の結果をGPXにする方法」で突っ込まれるまで、あれだけ便利だと知らなかったルート検索
そのままでは保存することが出来ず、折角のルート情報もみるだけでしたが
例の2ch自転車板でGPXにする方法が紹介されたのでまとめてみた。ほんと最強

肝は「ブックマークレット」を使ってGPXに変換する。
ブラウザにより実現の方法が違うのでそれぞれについて紹介


Firefoxの場合
[1.ブックマークレットを配布しているGMapToGPXへ移動]

[2.リンクバーにブックマークレットを登録する。]
黄色の[GMapToGPX]を左クリックしたまま、ズリズリ移動してブラウザ上部のリンクバーの上で離す。
FFブックマーク

[3.Googleマップでルート検索]
Googleマップルート検索

Google Earthのルート検索と違ってオプションが細かく指定できる
Googleマップルート検索オプション


[4.ブックマークレットの実行]

Googleマップの結果が出たら、リンクバーに登録した「GMapToGPX」をクリックする
と以下の様に結果がGPXで出力される。
GPXのページが表示される

[5.保存]
コピーペーストしてファイルとして保存する。
文字コードはUTF-8を指定のこと。

※ヘッダにUTF-8と指定があるためUTF-8形式以外でGPXファイルを作成すると
ソフトによっては読み込むことができません。
GMM2.exeでは失敗する可能性があります。



------------------------------------------
IEの場合

[1.ブックマークレットを配布しているGMapToGPXへ移動]

[2.お気に入りにブックマークレットを登録する。]

右クリックして「お気に入りに追加(F)」を選択
IEブック

[3.Googleマップでルート検索]
Googleマップルート検索


[4.ブックマークレットの実行]

お気に入りから「GMapToGPX」を選択して実行
ブック実行

以下の様に結果がGPXで出力される。
GPXのページが表示される


[5.保存]
コピーペーストしてファイルとして保存する。
文字コードはUTF-8を指定のこと。

※ヘッダにUTF-8と指定があるためUTF-8形式以外でGPXファイルを作成すると
ソフトによっては読み込むことができません。
GMM2.exeでは失敗する可能性があります。
-----------------------
参考:
YouTubeに投稿されたブックマークレット登録~GPS登録までの流れ





Googleマイマップで作ったルート(軌跡)やポイントをGPXに変換する方法

2009年01月11日 08時54分38秒 | Google Hacks
ルート作成はALPSLAB routeが便利だと思いますよ?

2ch自転車版で
>222 名前:ツール・ド・名無しさん[sage] 投稿日:2009/01/10(土) 00:44:50 >ID:???
>ルートつくるのだりぃ…
>
>GoogleMapでつくったルートをそのままGPXにできりゃいいのに…

>234 名前:ツール・ド・名無しさん[sage] 投稿日:2009/01/10(土) 22:56:10 >ID:???
>>>222の気持ちは理解できる。
>
>グーグルマップのルート作成って超便利なんだよね、
>オレもそのまま705に移せないかな?と思った事が何度もある。

重複スレに方法を書くのも何なので、コチラに書いてみる。
やってみるとやはりALPSLAB routeで作成した方が楽で標高も取れるし共有もできるからお勧め。


----------------------------------
Googleマイマップで作ったルートやポイントをGPXに変換する方法

この文章はGoogleマイマップで作ったルートやポイントをGPXに変換する方法を説明しています。

-------------------
概要:
GoogleマイマップコンテンツをGoogleEarthを経由してGPX等の汎用データに変換する

※2009/1/16 追記
より楽できる手順をまとめサイトの方へ書き足しました。
まとめサイト:「Googleマイマップで作ったルート(軌跡)やポイントをGPXに変換する方法


作成サンプル:
しまなみ海道「尾道から今治」
一度は行ってみたい聖地巡礼の起点.....

------------------
[1.Google マイマップにログインする]

一旦保存する必要があるため、Google アカウントが必要
マイマップログイン


------------------
[2.ルート(トラック)の描画とポイント(ウェイポイント)の作成をする]

Googleマイマップのルート(トラック)とポイントが利用できます。ポリゴンはサポートしていません。
ルート作成


------------------
[3.マイマップの保存]
「完了」ボタンを押して、マイマップの作成を終了する

[4.Google Earthで表示]
1.チェックを外す
2.チェックを付ける
作成直後は「Google Earthで表示」のリンクが表示されないため、一旦「チェックを外す」「チェックを付ける」の作業が必要
GoogleEarthで表示

------------------
[5.KMLの保存]

「Google Earthで表示」のリンクをクリックすると以下のダイアログが表示されます。
適当な名前をつけてKMLを保存します。
KMLで保存


------------------
[6.Google Earthに表示]
Googleマイマップで作成したKMLをD&Dして表示させます。
GoogleEarthで表示


------------------
[7.ルートをコピー]

D&DしたKMLを展開し線分を「右クリック」して出てくるメニューから「コピー」を選択する。
ルートをコピー


------------------
[8.GMM2.exe上にペースト]

1.GMM2.exeの「GPSトラック」タブで右クリックする。
2.以下の確認ダイアログが表示されるので「OK」ボタンを押す。
線分取得


------------------
[9.ルートに名前を付けて保存]

保存するファイル名を入力するダイアログにファイル名を入力する。
(※拡張子を付ける必要は無い: GPX固定で作成される)
線分保存


------------------
[10.完成 GPXファイル]

GPXファイルが保存されると共にGMM2.exeにGoogle Earthからコンバートした線分が読み込まれる。
線分保存完了2


------------------
[11.補足]
Googleマイマップ上のポイントをウェイポイント等に編集する方法も
線分のコピーペーストと同じように可能です。
詳しくは、Google Earthを使って Qシートを作る  ウェイポイント作成の新提案を見てね。


---------------------------
参考:
・GPSツール GMM2.exe まとめサイト マニュアル一覧
ALPSLAB route を利用してGoogleEarth/GoogleMapsのルートを作成する
Google マイマップを最も簡単に作る方法はインポート!!
GoogleEarth でGPSトラックデータを修正編集する


Google Sites にRSS配信機能を付ける

2008年11月18日 19時38分12秒 | Google Hacks
信じられんがRSSが無い

Google SitesにはGoogle Mapsも用意されていませんでしたが、なぜかRSSもありません。
一応、似たような機能として「更新情報をメールでお知らせする機能」があるため仲間内の使用では問題がない?

RSSリーダーの楽(ラク)さを知ると更新をブラウザで見に行く手間が面倒に感じてRSS配信してないサイトに滅多に行かない様になってしまいました。私のような面倒くさがり屋の為にRSSを配ってみませんか?
アクセス数が伸びるかも。( ゜∀゜)ハハハハ八八ノヽノヽノヽノ \ / \
rss3 まとめページRSS (今回Pipesで作成した物)
rss3 にやにや製作RSS


なにをどおするのか?

本家YAHOO!サービスの1つであるPipesを使ってRSS配信フィールドを作成します。
既に出来上がっているPipesにURLを入れるだけなので、5分程度で用意できるでしょう。


対象:

自分のGoogle SitesでRSSを提供したい方
※Pipesをカスタマイズする場合には、Yahoo!のアカウントが必要です。
出来合いを使う分には必要ありません。

----------------------------------------------------------
RSS配信機能をGoogle Sitesに付ける
[1.更新情報欄の作成とリンクの取得]

目的:Google Sitesの「更新履歴URL」を取得する

1.サイトデザインページへ移動

Google Sitesトップページにある「サイドバーを編集」リンクを押して
サイトデザインのページに移動する。

2.更新情報サイドバーの追加

「サイトバーにアイテムを追加」リンクを選択し
「ページパーツを追加」リストから「最近の更新履歴」を追加して保存します。
サイドバーに更新情報追加

3.最近の更新履歴リンクの取得

トップページに戻り、ページの一番下にあるリンク集から
「 最近の更新履歴 」のURLを取得します。
最近の更新履歴リンク


[2.Yahoo!Pipesの設定]

目的:Yahoo!Pipesを使ってRSS用リンクを用意する

1.Popesページへ移動

Pipes calcul_mikanのページに移動します。
pipesページ

2.Pipeを選択
Google Sites Feedをクリックします。

3.「最近の更新履歴」のURLを入力
前項 2-3.で取得した「最近の更新履歴」のURLを入力して「Run Pipe」ボタンを押します。
URL入力

4.動作の確認
対象Google Sitesの更新情報が表示されていることを確認します。

5.ユーザー名の削除

表示される更新情報には、更新者の名前が入っており、このままだとRSSのタイトルに名前の羅列が続きます。
「UserName」にユーザー名を入力することで、タイトルから名前を削除します。
気にならなければ設定の必要はありません。足りない場合はPipesをカスタマイズ(textinput追加)してください。

設定前:
delete名前前

設定後:
delete名前後


6.配信用RSSの作成

「More Options」をクリックして表示されるメニューの中から「Get as RSS」のURLを取得します。
GetasRSS


[3.RSSの設置]

1.RSSアイコン設置する

対象のGoogle Sitesに戻り2-6.で取得したURlをリンクさせたRSSアイコンのイメージを用意します。
rss3 まとめページRSS

2. 動作確認

FirefoxのフィードリーダやGoogleリーダー等に登録して動作を確認します。
できあがり1できあがり2

3.おしまい

ここまで出来合いのpipeに更新情報のURLを入力するだけですから
5分もかからずにRSS配信の準備が整ったことだと思います。
 ∩
( ゜∀゜)彡 簡単!簡単!
 ⊂彡


[補足]

更新情報中の削除されたページは空ページが表示されるだけのため情報として表示しないようにしています。
Yahoo!Pipesに公開されている(Pipes)パイプはカスタマイズ上等でしょうからバンバン改造しましょう。
今回作成したpipeにはearth2marsh「Google Sites Recent Changes Feed Generator」を取り込んで使用しています。
有益なパイプ公開に感謝

----------------------------
Pipes関連記事:
Yahoo! pipesで作ったRSSフィルタが電脳コイルを思い出させた件
Yahoo! Pipes経由のFlickr画像をGoogleEarthで見る

・2009/05/25版Google Sites にRSS配信機能を付ける再び


ガジェットを使って Google siteにGoogleマップを貼り付ける

2008年11月06日 19時27分48秒 | Google Hacks
Google提供なのに地図が選べない

Google サイトの編集画面には「Googleマップ」を貼り付けるメニューがありません。
挿入メニュー

また素のHTMLを編集してもjavaスクリプトやiframeが含まれているために
Google Maps APIを使った地図を貼り付けることも出来ません。
拒否ダイアログ

そんなわけで、GPSGoogleマップを使ったサイトを主催しているにも関わらず
Googleマップの貼り付けられたページが用意できないというヘンテコなsiteが
「GPSツール GMM2.exe まとめサイト」でした。

今回Googleガジェットを使う事で、Google sitesにGoogleマップを自由に貼り付ける方法を確立しましたのでご紹介

対象
Google Sitesの基本的な操作方法や
Googleマイマップ、Google Maps APIを使った地図作成方法についてご存じの方

Googleマイマップ:
知多半島広域農道を走ってみた

Google Maps API使用ページ:
名古屋の自転車屋ってどう?
の2つを例として、Googleサイトへ貼り付けてみます。

流れは表示したいGoogleマイマップのURLを取得し、
GoogleSites上のGoogleガジェットにそのURLを設定して表示をさせる という順になっております。


--------------------------------
Google SitesにGoogleマップを貼り付ける方法

[0.前提]

既にGoogleマイマップかWEBページにGoogle Maps APIを使った地図が用意されていること。
マイマップ用意


[1.Googleマイマップ URLの取得]

1.カスタマイズページの表示
Google Sitesに貼り付ける地図を表示して
右上の「リンク」→「埋め込み地図のカスタマイズとプレビュー」とクリックします。
マイマップリンク

2.地図の表示
カスタマイズページに表示された地図画像の上で右クリックし
「このフレーム」→「このフレームだけを表示」を選びます。
地図だけのページになります。
カスタマイズページの表示

3.リンクの採集
地図だけページのURLをコピーします。
一枚ページ

採取したURLを消さないようにします。


[2.Googleサイト ページを作成]

どれを選んでも同じです。普通に「ウェブページ」で作成します。
新しいページを作成


[3.グーグルガジェットの選択]

作成したページのメニューから「挿入」→「その他」を選択して
ガジェット選択ダイアログを表示します。
ガジェット選択ダイアログ


[4.ガジェットの選択]

※2008/11/10
※ 使用するガジェットを最初の物から3番目の物に変更 ただいま出先のため13日に画像入れ替えます。

検索窓に iframe と入れて検索を行い、最初の 3番目の「iframe」を選択します。
iframeガジェット選択


[5.ガジェットの設定 1]

「高さ」「幅」を入力したらWidth,Heightにも同じ数値を入力します。
ガジェット設定


[5.ガジェットの設定 2]

最後にGoogle マイマップで採取した 一枚地図のURLをガジェットのURL欄に入力します。
「Google Maps APIを使ったページ」の場合は、その地図が貼り付けられているページのURLをそのままガジェットの設定URL欄に入れてください。
URL欄に一枚ページ
「OK」を押して、ページを保存します。


[6.できあがり]

できあがり
マップのサイズは、ガジェットの「高さ」「幅」の設定でなされます。


注意:
GoogleマップにYouTube動画が入っている地図を貼り付けるとブラウザが必ず落ちました。
環境:Windows2000SP4,FireFox 3.01(つД`)

GoogleマイマップにYouTube動画の入った地図の元ネタ:YouTube動画テスト


まとめ

iframeガジェットを使う事でGoogle Siteに地図を貼り付けることができるようになりました。これと同じ方法で JavaスクリプトやFlashのページも追加出来るのではないかと考えています。
そんなページを作ったら教えてね。

------------------
参考:
Google Siteに貼り付けられた各種Googleマップ

知多半島広域農道を走ってみた
写真付きマイマップの例 「二之瀬・自転車一番乗り」
Google Maps APIを使ったページ:名古屋の自転車屋ってどお?GoogleSites版
別の面倒な方法 名古屋の自転車屋ってどお?

※11/12画像と文章を一部差し替えました。