OpenLayersとYouTubeの連携

本ページは、OpenLayersとYouTubeを組み合わせて地図と動画の新しい魅せ方に挑戦したページです。本ページは、GoogleのChromeで閲覧して下さい。

東京の観光名所ランキングマップ

TVShibuyaさんの「東京の観光名所トップ15」という動画とOpenLayersを組み合わせて東京の観光名所ランキングマップを作成しました。地図上の数字のアイコンがランキングの順位を表しています。

※ランキングは、「東京の観光名所トップ15 」を参考にしています。

操作方法

地図の数字のアイコンをクリックして下さい。クリックすると動画が再生されます。

電車の前面展望

kozotakeuchiさんの「[前面展望]山手線 外回り1周 上野→上野」という動画に合わせてOpenLayersで電車のアイコンを動かしています。

※このデモでは、電車のアイコンは路線に沿って移動せず、駅間をまっすぐに移動します。アイコンを路線に沿って移動させることは、もちろん可能です。

操作方法

YouTubeを再生して下さい。地図の電車のアイコンをクリックすると地図の追尾表示のオン/オフを切り替えることができます。

All Rights Reserved, Copyright © 2015 NCM