2005/9/9の機能向上にあわせて新しく作り直しました。はてなマップをハック2 経路ブックマークレット編をご参照ください。
ハックというほど大げさなものではないのですが、先日の自転車での東京一周をはてなマップを利用して表示してみました。動くのはこちら。
はてなマップに無いのは写真をつなぐ線ですが、Google MapsのGPolylineを使えば簡単です。写真を撮ったポイントを線でつないでいるだけなので、実際のコースとはずれていますが、雰囲気は伝わるかなと。これ、面白いですよ。やっぱり、はてなでも対応してくれないもんだろうか。どっちかというと、フォトライフへの追加機能って感じがするけど。
はてなマップのJavaScriptを、なるべくそのまま利用することで30行弱のコードで実現できました（直接利用してもいいですよね！？）。ただ、これがダサいのは、以下の２点です。
◆写真のXMLファイルは手書き
位置情報が入った写真情報を取得する方法がないからです。マップ側のAPIではユーザーが指定できません（場所の範囲指定ですが、表示件数が自動的に絞られる仕様になっているので確実には取れない）。フォトライフ側のAPI（ていうかRSS）では位置情報が取得できません。というわけで、手書きです。
◆アイコンはコピー
はてなのJavaScriptを直接使っているのですが、その中でアイコンの画像ファイルがドメインへの相対パスで切られています。なので、アイコンファイルを自ドメインにコピーしました。
それにしても、こんなのが2,3時間でできちゃうのはすごいですね。久しぶりのJavaScriptも楽しかったです（無限ループさせましたがorz）。いちおうAjaxなわけですが、ほとんど意識しないです。こりゃ、Google Mapを絡めた案件では、たいしたお金は取れないですｗ。
JavaOne Tokyoへの準備も兼ねているのですが想像が膨らみました。注文から配送までをJBIコンテナに管理させて、その状態をGoogle Mapsで表示するなんて、きっと簡単です。JavaScriptとJBIコンテナのつなぎ方が難しいところですね。選択肢はたくさんあると思うのですが、センスが良い方法を考えたいと思います。
