駅メモを効率的に攻略するための『駅メモマップ』を作った

駅メモマップ 作ってみた
スポンサーリンク

Ingressがルーチン化で少し飽き気味になって、今は駅メモという位置ゲーを最近やってます。

名前の通り”駅”にチェックインするゲームなんですが、駅メモはどんな場所にいても最も近い駅にチェックインすることができるので、必ずしも駅の近くに行かなくていいのがゆるくて好き。

駅の最近傍探索。つまり、ボロノイ図を作れば自転車でも効率的にまわれそうなので、D3.js で『駅メモマップ』ってのを作ってみました。

駅メモマップ

駅メモマップ

操作方法は、ダブルクリックでボロノイ面をチェック(コンプ済み)くらいしかないですが、

後々、GeoHexインデックス検索(公式と同実装)を使ってレーダーで取れる駅情報を探索できたり、コンプエリアを公開できたり、iOSアプリと同期できたり…諸々 実装を思案中

駅データがおかしいとか欲しい機能とかあったら、連絡ください

参考

【D3.js】Google Map上にボロノイ図を描く | #GUNMAGISGEEK

更新情報

  • 初期表示位置をGeolocation APIの現在位置にしました
  • creco.net/misc/ekimemo-map/#35.1234,135.1234 のように#(ハッシュ)につづいて、緯度、カンマ、経度で、初期表示位置を指定できます
  • ボロノイ計算の処理がおかしいため、ちょっとズレてる気がします。http://creco.net/misc/ekimemo-map/index2.html の青色ポリゴンのほうが正しい気がします
  • ↑なので、修正しました。ついでに、D3.jsではなくGoogle Maps APIで描画するようにしました
  • [2015/11/11] 駅名表示しないことで軽くしました。レーダー機能もつけました(メニューからリモコンっぽいアイコンをクリックすると矢印のマーカーがドロップするので、レーダーを計測したい箇所にドラッグ&ドロップしてください)

追記:2017年1月に駅メモの全駅アクセス達成したので、攻略方法的なものを別記事に投稿しました

タイトルとURLをコピーしました