地図を使った「N-04A」スペシャルサイト

amadana_1

docomo の NEC 製の携帯電話「N-04A」のスペシャルサイトが GoogleMaps の衛星写真画像と BGM を上手く使って素敵な仕立てになっています。
僕も個人的に Flash と GoogleMaps の連携をやっていることもあるので興味深く観察していました。

なんか普通の GoogleMap じゃない気がする

背景として衛星写真が使われています。サイト上部の5つのメニューに対応して、全5箇所の衛星地図がスクロールする仕立てになっていて、メニューをクリックすると、下の画像のような感じで、地図のグラフィックを活用して画面遷移します。

amadana_2

さらに加えて、大画面で地図を使うにも関わらず、このサイトは地図のロードがスムーズです。外部 API として無償公開されている GoogleMaps ですが、デメリットとしては、ロードする衛星画像が Google サーバ側にあるので、ロードが間に合わずタイリングの途中のグレー表示がチラホラ見えてしまうという不可避なクセがあるのですが、このサイトはそれがないようにみえます。地図の場所が変わる時も一瞬白フェードしますが、僕が知る限り、あの一瞬だけではとても間に合わないはず。

と、よく画面を見ると衛星地図画像各所に”2008 Google”の透かし文字がタイリングされています。普通これは表示されないはずなので、どうやらサイトで使う5箇所の衛星写真全てを事前に Google の許可を得て自サイト内に用意して、それを使っている?だからこそ画面トランジションのグラフィックもできたということでしょうか。そうだとしたら地図左下&右下に入っている定型の Google ロゴは何故入ってるんだろう?こういうのは個人でも問い合わせたらできるのだろうか?何か大人の政治力が必要なのだろうか?などと考えながら見させてもらいました。

追記:↑というのは全て勘違いでした

にとよんさんにコメントいただきまして僕もFireBugで確認したところ:

amadana_3

きちんと GoogleMap サーバから画像をロードされていました。“2008 Google”という文字も、僕の別のパソコンで見ると表示されないようです。なのでこのサイトは僕らが使うのと同じ GoogleMaps API を使っているのですね。そうすると画像トランジション時のグラフィックとの位置合わせとか秀逸だなぁ。追記終わり。

ggg での展示でも印象に残ったのですが、とにかく僕は地図で面白ポイントが映像として流れてるだけで相当グッとくる性格です。そして今日 N-04A に機種変更してしまいました。あんなに iPhone を欲しがっていたのに。

あと、サイトが Progression 製ですね。僕のスキルでは GoogleMaps 埋め込んだら Progression の URL 発行(というか指定シーンからの再生)を制御しきれなくなって断念してしまったのだけど、このサイトはできてる。すごいなぁ。いいなぁ。

このエントリーをはてなブックマークに追加
はてなブックマーク - 地図を使った「N-04A」スペシャルサイト

Comments:2

nitoyon 09-02-12 (木) 0:33

> 衛星写真全てを事前に Google の許可を得て自サイト内に用意して、それを使っている?

Firebug を使って転送されるデータを見てみましたが、Googleのサーバから画像を取ってきてるようですよ。

tera 09-02-12 (木) 1:26

にとよんさん
コメントありがとうございます。Firebugでチェックするという知恵も働かない自分が恥ずかしい限りです。どうもありがとうございます!

Comment Form
Remember personal info

Return to page top