「検索したいものが決まっている」のか「検索したい場所が決まっている」のか IEでのJavascriptのDOM操作に関する備忘録
10/17

doodle開発記のこちらのエントリにあるとおり、バスでお出かけMAPdoodleのマッシュアップを強化しました。

バスでお出かけMAPの 右側のサイドバーに「落書き」という検索エリアがあります。

doodle01.png

表示を検索したいエリアに地図を移動して、落書きの種類を選択してから「検索ボタン」を押します。

検索ボタンを押すと、地図で表示しているエリアにあるdoodleの情報を検索して表示します。

これらの情報は、doodleのユーザが実際にその場所に行って、GPSケータイで投稿したものです。

doodle02.png

落書きらしく、黒板っぽいデザインにしてみました。

doodle04.png

MAPには、こんな感じでアイコンがプロットされます。一応、駅なんかにある掲示板(黒板)をイメージして、doodleの「d」の字をあしらってみました。

そして、[掲示板]と書かれたリンクをクリックすると、その落書きの掲示板が表示されます。

doodle03.png

これは、doodleの掲示板と同じものですので、ここからこの掲示板に対して書き込みや写真や動画などの投稿ができてしまいます。

さらに、もうひとひねり。「この落書きをみんなのスポットにする」という機能があります。これはどういうことかというと、バスでお出かけMAPには「みんなのスポット」というスポット情報を登録できて、そのスポットを表示すると、そこにバスでお出かけするための情報を表示する仕組みがあります。

「みんなのスポット」として登録された情報は、MAPをドラッグしたり移動したりすると、 検索ボタンなどを押さなくても、自動的にMAPにアイコンがプロットされます。つまり、この機能を使って、「みんなのスポット」にしてあげたdoodleの情報は、「みんなのスポット」と同じようにMAPを移動するだけでプロットされるようになり、バスでお出かけするための情報もあわせて表示されるわけです。

みんなのスポット化されたdoodle情報もバスでお出かけMAPでの固定リンクが割り当てられます。http://calta.jp/bybus/spot/6459-15.html

doodleのユーザが書き込んだスポットへバスでお出かけが可能になるだけでなく、バス停やバス停周辺の写真などを撮って投稿してもらえれば、バス停情報にも広がりが出てきます。いろいろな応用が可能なマッシュアップになりました。

この記事へのトラックバックURL:

5 Responses to “doodle×バスでお出かけMAP”

  1. yuki JAPAN Windows XP Mozilla Firefox 2.0.0.7 Says:

    いいですねぇ、みんなのスポット。真似しようっと(^^;

    あと、素人質問なのですが、iframeで埋め込むのと、objectで埋め込むのではどう違ってくるんですか?

  2. k-matsu JAPAN Windows Vista Internet Explorer 7.0 Says:

    自分も初めてJavascriptのDOMでインラインフレームを埋め込んだんですが、XHTMLではiframeは禁止なので、objectで埋め込めばHTMLのチェックツールなどで検証したときにエラーにならないとのことです。まぁ、うちのサイトも厳密にW3Cに準拠しているわけではないので、どちらでもよかったのですが・・・。結果としては変わらないです。

  3. yuki JAPAN Windows XP Mozilla Firefox 2.0.0.7 Says:

    あ!そっか。そうでしたね。
    Google Mapの貼り付け用のタグがiframeだったので、なんとなく最近抵抗が薄れてしまっていました・・・

  4. kehi JAPAN Windows Vista Mozilla Firefox 2.0.0.7 Says:

    てゆか普通にopenInfoWindowHtml()の中にダイレクトにiframe突っ込めますよ。クロスドメインすら気にしなくていいかと。。セキュリティ的にはいろいろ議論の余地あると思いますが相互信頼サイト内であればいいかと。すでにIE以外でも使えるようになって久しいですし。。

  5. doodle開発記 JAPAN Says:

    doodle meets バスでお出かけMAP & …

    今日はしとしと雨で寒かったですね。とうとうホットカーペットを出しました。週末は晴れの予報なんですが本当なんでしょうか? 晴れたら紅葉を見に行こうよう。。。。寒いですか。 (more…)

コメントを書く

このエントリーを含むはてなブックマーク