GoogleMapの実験的な機能を楽しめるGoogleMapLabs

0

LifehackeにてGoogleMapLabsの情報が面白かったのでご紹介。

Googleサービスでは、新しい機能を実験するのにLabsが用意されていますが、Google Mapは以下のURLで実験的な機能を使えるとの事。

ただしこんな注意書きが。利用したい方はお早めにどうぞ。

Google マップの Labs は、開発中の実験的な機能をテストするための環境です。これらの機能は、随時変更、中断、提供中止される可能性があります。

本日確認した所、以下の機能がありました。

Google Mapで東京の地下鉄の時刻表が表示される

0

googlemap2 Google Mapで東京の地下鉄の時刻表が表示される
Google Mapで地下鉄の駅名で検索すると地下鉄の時刻表がでるようになったとの事。
東京メトロ(銀座線、丸の内線など9路線)と東京都交通局(都営浅草線、都営三田線など4路線)が表示されるようです。

これはぜひ全国展開して欲しいですね。

CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」

0

Rotation CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」
Animate CSS Rotation and Scaleを使用すると、どんなHTMLでも回転させる事ができるようになります。

って、どこで使うんだろう。誰かのヒントになればって事でご紹介。

使い方

まずは、jQueryとプラグインを読み込みます。

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery-css-transform.js" type="text/javascript"></script>
<script src="jquery-animate-css-rotate-scale.js" type="text/javascript"></script>

その後に、プラグインを有効化すれば動作するようです。

<script>
setInterval(
    function () {
        $('#at_ex1').animate({rotate: '+=10deg'}, 0);
    },
    200
);

$('#at_ex1').click(
    function () {
        $(this).animate({scale: '+=0.33'}, {queue: false, duration: 1000});
    }
);
</script>

Google Mapを回転させる

googlemap CSS3でHTMLを回転させるjQueryプラグイン「Animate CSS Rotation and Scale」
このプラグインを使ってGoogleMapを回転させている方がいました。
デモはこちら
‘L’と’R'キーを使用して、地図を回転させる事ができます。

こんな事もできるんですね。

GoogleMap上で道案内をするjQueryプラグイン「jQuery GPS」

0

jquery.gps  GoogleMap上で道案内をするjQueryプラグイン「jQuery GPS」

jQuery GPSはGoogle Map上でナビをしてくれるプラグインです。
サイトにはデモがあるのでそちらを見てもらって方が早いかもしれません。

詳しい道案内を表示

jquery.gps2  GoogleMap上で道案内をするjQueryプラグイン「jQuery GPS」
例えば出発地に「Tokyo」、到着地に「Kanagawa」と入力すると移動方法を案内してくれます。

まだ出発、到着地置の日本語入力には対応していないようです。これからが楽しみなプラグインですね。

文章を解析して自動でGoogle Mapにアイコンを追加してくれるJavaScript「addmap.js」

0

analyse text 文章を解析して自動でGoogle Mapにアイコンを追加してくれるJavaScript「addmap.js」
addmap.jsはコンテンツの中の文章を自動解析して地名を見つけるとGoogle Map上にピンを表示してくれるスクリプトです。

使い方

使い方は非常に簡単で、JavaScriptを読み込んだ後にGoogle MapのAPIキーを指定するだけになります。

<script src="http://github.com/codepo8/geotoys/raw/master/addmap.js"></script>
</script>
addmap.config.mapkey = 'YOUR_API_KEY';
addmap.analyse('content');
</script>

日本語もOK!?

auto add map 文章を解析して自動でGoogle Mapにアイコンを追加してくれるJavaScript「addmap.js」
ためしに日本語を設定してみた所、問題なく動作しました。ただし「日本語のみ」ではうまく動作しなかったため英語が含まれている必要があるようです。

アイデアが面白いので,使い方によっては良いかもしれません。

Google Map上で右クリックをダブルクリックするとズームアウトする

0

googlemap Google Map上で右クリックをダブルクリックするとズームアウトする
Google map上でダブルクリックするとズームインしますが、ズームアウトってできないのかなーとずっと思ってました。ついにやり方がわかったのでメモ。知らない人もいるかもしれないので。

右クリックをダブルクリック(何て言えばいいんでしょう?!)するとズームアウトするようになりました。

たったこれだけですが、右クリックってあまり使わないので。
こういう使い方もできるんですね。

GoogleMap上に配信中のUstreamを表示するサービス「UstreamMap」

0

UstreamMap image GoogleMap上に配信中のUstreamを表示するサービス「UstreamMap」
UstreamMapはGoogleMap上に配信中のUstreamの動画を表示するサービスです。アイデアが面白かったのでエントリー。

Ustreamは最近ではiPhoneからも生中継できるようになったため、こういったサービスが実現できるんですね。マップ上であちこちに展開されるため見ているだけでおもしろいです。

まだの方はぜひ!おすすめです。

2010/01/26追記
作者の方の記事がありました。

iPhoneのUstream Live Broadcasterを使う場合は、設定でSend locationを”Always”ではなく”Ask on startup”にしないと位置情報が有効にならないかも?という報告がありました。(検証中)

↑iPhoneから表示させる場合には注意が必要のようです。