『 twitravel 』 Twitter でつぶやくと日本各地に飛んでいくブログのおもちゃパーツ(仮)

  Twitter でのつぶやき 5個を日本全国の駅、空港、船舶発着場に置き換え、移動先と経路を直線で表示します。
  緯度、経度の登録情報は鉄道駅 9208、空港・飛行場 98、船舶発着場 304、日本全国で 9610 地点があります。
  google マップによる地点表示、移動した 2点間の距離、実際に行動した場合の経路検索リンクを呼び出せます。
  基本操作はの地点と経路をクリックします。左から順番に右になると新しいつぶやきになります。
  twitravel の移動情報 [ 地点名、距離 ] はを押すことで Twitter の投稿欄に貼り付けができます。

Twitter ID を指定すると、
お友達の旅も見られます。
ブログパーツ用タグ ( Size : 160 x 240 )  【 ●●●● 】 を自分の Twitter ID に書き換えて貼り付けます。

ブログパーツの参考

メモ

twitravel は仮公開でβ版みたいなものです。 だいぶへっぽこです。

google マップはマウスホイールでスクロールができるのが標準ですけど、 ブログパーツ前提ですので、意図しないマウスオーバーで google マップの拡大縮小が起こると、 とても動作が重くなるので、twitravel ではホイール操作でのマップ拡大縮小機能は off にしています。

大きいサイズもブログパーツも同じファイルで呼び出しオプションが違うだけですけど、 操作パネルの画面とか横160 か 横800 しか用意してないのでサイズは固定です。

twitravel の情報を Tweet 機能で Twitter の投稿欄に貼り付ける時はログインが必要です。 適当に書き換えて投稿してください。ハッシュタグは残してもらえると嬉しいです。

動作確認は、IE7、IE8、Sleipnir、FireFox、googleChrome、Safari、Opera、Lunascape6 で行ってます。 google マップの経路ラインは描画範囲内 +1 pixel オーバーすることがあってマップ画面外にゴミが残ることがあります。 Opera は google マップの Polyline 処理ができないっぽくて経路ラインが表示されません。 Opera は地点マーカーにマウスが重なった状態でも指カーソルに変化しません。 FireFox、Opera、Lunascape は title属性の改行コードを無視しますから popup 表示が少し見にくいですけど、それが本来の仕様っぽいです。 それら以外は同じように動作すると思います。


備忘

かんがえちゅう。



twitravel option ( on blog gadget )

url アドレスの twitravel.html に続いて記述できる option は通常、TwitterID のみ指定し、
省略されている option は自動的に初期設定となっている標準 option を読み込んでいます。
option は twitravel.html?●?▲?■?◆ の順番で判定し、?▲ で地図の形式を変更できます。

?●  タイムラインを地図座標に変換する twitterID の指定です。
?▲  地図エリアに表示する google map の表示形式で、次の option から選択できます。
    1 航空写真+地図
    2 地図 (標準)
    3 航空写真
    4 地形
?■  記述がない場合はブログパーツ用途サイズ 160、他は 800 の web 用途サイズのみ認識します。
?◆  記述がない場合はブログパーツ用途サイズ 240、他は 600 の web 用途サイズのみ認識します。

ブログパーツとして読み込みをする場合は通常 ?● だけを指定し、地図の形式も変更したい場合には
?▲ を続いて記述するとよいです。?■?◆ は web サイズ呼び出し時の option なので記述は不要です。


#twitravel hashtag search


update memo

  • 2010.04.13
    google map の地図の表示形式を初期設定「地図」から変更できる option を公開しました。
    ブログパーツ読み込み url の記述の中で TwitterID に続いて ? + 数字で変更ができます。
    指定する数字と google map 形式の対応は twitravel option の内容を確認してください。
  • 2010.04.07
    現在、検索できる #twitravel のハッシュタグの一覧を表示するタグログを導入しました。
    検索 callback に lang=all オプションがないと正常に取得できない問題を対策しました。
  • 2010.03.23
    twitravel の経路結果を Twitter に書き込みすると user_timeline が更新されてしまい、
    参照したときに内容が 1つぶやき分ずれてしまうので、「 #twitravel 」のタグ文字列が
    含まれてるつぶやきは経路探索キーワードとして反映させないで無視するようにしました。
    経路表示ラインのカラーを赤に統一、時間経過を透明度で表現するようにしました(暫定)
    北九州空港の経度データに間違いがあった箇所を訂正しました。
  • 2010.03.15
    現在の移動先候補の上限 9999 仕様では今後の登録が心配でしたから 99999 に変更しました。
    つぶやきを移動先に変換する処理を 5ケタ対応に変更しましたので以前の結果と異なります。
    WEB表示パーツ利用中は操作パネル右側に現在の Twitter ID を表示するようにしました。
    つぶやき公開ユーザの最新つぶやきの全てを取得できる public_timeline を地図データに
    読み込めるオプションを用意しました。ID 指定で「 public 」と入力すると読み込みます。
    public_timeline は全ユーザのつぶやきを参照しますから、移動先があちこちに変わります。
  • 2010.03.14
    ブログパーツとサイトパーツのグラフィックをオパールグラスっぽいカラーにしてみました。
    サーバーファイルを変更したから自動的にブログパーツは最新版のインターフェイスになります。
  • 2010.03.13
    2009年と 2010年 3月までに新規開業した鉄道駅 27 を追加しました。
    鉄道駅 9208、空港・飛行場 98、船舶発着場 304、合計 9610 地点。
  • 2010.03.12
    四国南部のフェリーターミナル情報を調べ忘れてたから移動地点 10 を追加しました。
    鉄道駅 9181、空港・飛行場 98、船舶発着場 304、合計 9583 地点。
  • 2010.03.11
    Twitter と google map の連動ブログパーツの調整、移動地点の登録が終わったから仮公開しました。
    鉄道駅 9181、空港・飛行場 98、船舶発着場 294、合計 9573 地点。

楽しいゲームが見つからなくて迷走してると、
こんなものをゲーム感覚で作ってたヽ(・ω・)ノ