F.Ko-Jiの「一秒後は未来」ではウェブやSEO、API、RSSといった技術的ネタから、ちょっとした豆知識や梅酒、エンタメ系まで様々な情報を不定期にお届けしています。

F.Ko-Jiの「一秒後は未来」 > Google Maps API > Googleマップの地図代わりにYouTubeのサムネイル画像をスクロール表示する「YouTube Slideshow on Google Maps」

Googleマップの地図代わりにYouTubeのサムネイル画像をスクロール表示する「YouTube Slideshow on Google Maps」

  • B!
スポンサード リンク

youtube-slideshow-logo.png

Flickr SlideShow のYouTubeバージョンです。Googleマップのタイルレイヤー(地図画像)をYouTubeのサムネイル画像で置き換えて表示させています。

以下簡単に操作の説明を。

youtube-slideshow-screenshot.gif

▲ スクリーンショット。検索ワードのデフォルトを「しょこたん」にしています。

youtube-slideshow-search-form.gif

▲ 右上に検索フォームがあります。セレクトメニューは今のところTagだけ(要はキーワード検索)です。ここで検索した結果のサムネイルが地図エリアに表示されます。

youtube-slideshow-control.gif

▲ 地図エリアの下にはコントロールボタンがあります。スクロールボタンをマウスで押し続けている間、地図エリアがスクロールします。動きは実際に試して確認してください。Play!ボタンを有効にするには、サムネイル画像をクリックする必要があります。

youtube-slideshow-select.gif

▲ サムネイルをクリックした状態。赤いボーダーで囲まれて選択状態になります。

youtube-slideshow-title.gif

▲ サムネイルが選択されるとPlay!ボタンが有効になり、同時に選択中の動画のタイトルと再生時間、動画のURLが表示されます。

youtube-slideshow-iframe.gif

▲ Play!ボタンをクリックすると、インラインフレームでYouTubeのサイトが開きます。閉じるときは右上のcloseボタンをクリックしてください。

以上簡単な操作説明でした。使いやすさは置いておいて、暇つぶしのひとつにでもなれば幸いです。

» YouTube Slideshow on Google Maps

【関連記事】
- Google Maps APIを利用したFlickrスライドショー

[2010-01-12] RSS フィードの URL が変わりました。お手数ですが RSS リーダーへの再登録をお願いします。
Subscribe with livedoor Reader Add to Google Subscribe with Fastladder My Yahoo!に追加 Bloglinesで閲読登録 はてなRSSに追加 エキサイトリーダーに登録


コメントを投稿

(承認されるまでコメントは表示されません。)

API / Google Maps API

English version

前のエントリー: « 新たに公開されたGoogleの検索特許で再確認しておきたい13項目
次のエントリー: 気づかないDoCoMo2.0のCM »

トラックバック

このエントリーのトラックバックURL:

タイトル:

URL:

リンク用HTMLタグ:

Agile Media Network

AMN Partner Blog

広告掲載について

東京ナイロンガールズ
最近の注目記事
持っているガジェット
powered by Gadget Party
最近のつぶやき
えもにゅ

↑ 気持ち記録サービス「えもにゅ」です

このブログの読者になる

F.Ko-Jiの「一秒後は未来」 - RSSフィード

クマでもわかるこのブログの便利な更新チェック方法

DailyFeed

あわせて読みたいブログパーツ

フィードメーター - F.Ko-Jiの「一秒後は未来」

月別アーカイブ


<< March 2010
SuMoTuWeThFrSa
 123456
78910111213
14151617181920
21222324252627
28293031 
人気エントリー
TopHatenar
携帯からのアクセスは
QRコード
http://mob.fkoji.com/