2014/09/22

カスタマイズの可能性は無限大!Google mapsを効果的に活用しているサイトまとめ

以前、Google Mapsをカスタマイズする方法をいくつかご紹介しましたが、カスタマイズの幅は、オリジナルのマーカーやウィンドウを設定するというだけではありません。

デザインに合わせて自由自在にカスタマイズしたり、高度なプログラムとの併用が可能になっています。そこで今回はグーグルマップを効果的に活用しているサイトをいくつかご紹介したいと思います。

Google mapsを効果的に活用しているサイトまとめ

NHK山形放送局 山形ロケMAP「みてけろ」

NHK山形放送局 山形ロケMAP「みてけろ」

NHK山形放送局 山形ロケMAP「みてけろ」

NHK山形放送局が撮影で訪れた場所を記したロケ地マップ。
手描きの地図とイラストを用いて観光名所やイベント情報を掲載しています。同様のシステムを使用して写真を自由に投稿できる「とてけろ」というサービスも行っているようです。

Build with Chrome

Build with Chrome

Build with Chrome

ウェブサイト上でレゴの組み立てが出来、完成した作品をウェブ上に公開できる「Build with Chrome」です。
世界中の公開されているレゴ作品を地図上で探すことが出来ます。

Maersk Fleet

Maersk Fleet

Maersk Fleet

デンマークの海運企業であるMAERSKのウェブサイトです。
Live mapで現在運行中のコンテナ船がどこにいるかがリアルタイムで分かるようになっています。

Flightradar24.com

Flightradar24.com

Flightradar24.com - Live flight tracker!

飛行機の運行状況がリアルタイムで分かる「Flightradar24.com」です。飛行機のアイコンをクリックすると詳細とどういうルートで飛んできたかが分かるようになっています。

鉄道Now

鉄道Now

鉄道Now

運行中の電車の様子がリアルタイムで分かる「鉄道Now」です。
遅延している場合など、電車が今どこにいるのかが一目で分かるようになっています。最大まで拡大するとその電車の詳細が分かるようになっています。

東京ブルー

東京ブルー|Takumi Taniguchi Photographer

東京ブルー|Takumi Taniguchi Photographer

写真家 谷口巧氏の写真集「東京ブルー」の特設サイト。
作品のサンプルと共に、撮影した場所がグーグルマップで分かるようになっています。

まとめ

グーグルマップはカスタマイズ性が高く、オリジナルデザインにも組み込みやすく設計されています。場所や経路を表示するだけではなく、使い方次第で魅力的なコンテンツを生み出すことが可能になります。

Google mapsのカスタマイズに関する記事

簡単にGoogle Mapの情報ウィンドウをカスタマイズする方法
注目度アップ!Google Mapのマーカーを自由にカスタマイズする方法