2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

google mapのピンをgeoguessrのマップにする

Posted at

背景情報

みなさんはgeoguessrというゲームを御存じでしょうか?

geoguessrは、googleストリートビューの情報を基に、自分が今どこにいるのかを当てるゲームです。このゲームでは日本のみのマップで遊んだり、自分で作成したマップで遊んだりすることができます。

私はこれにドはまりしまして、ゲームが趣味だったインドア人間から、旅行が趣味のアウトドア人間にバージョンアップしました。

また、私が旅行するときは旅行先の良かった場所などをgoogle mapのピンとして保存しています。

image.png

今回はこのピン情報を基に、geoguessrのマップを作成できたら、思い出に浸れるマップができると思いツール作成をすることにしました。

システム概要

system.png

システムとしては次のような手順を踏みます

  1. googleが提供する機能でマップのピンをcsvとしてダウンロードします
  2. プログラムを利用して、geoguessrで読み込めるcsvに変換します。(この時、ストリートビューの情報がある場所を探したりするため、google map static apiを利用します)
  3. csvファイルをgeoguessrで読み込んでマップを作成します。

1. google mapのピンからcsvに変換する方法

google mapのピンをcsvに変換するには、googleのデータエクスポートを利用します。

  1. 上記リンクページにアクセスし、追加するデータとしてSavedをチェック
    image.png
  2. ファイル形式として、次のように選択し、エクスポートを作成します。
    image.png
  3. すると、自分のgmailにメールが飛んでくるので、ここからダウンロードします。
    image.png

2. 緯度、経度の変換

先ほどダウンロードしたデータは、csvファイルでgoogleマップのURLや名前などを含んでいますが、緯度経度の情報などはありません。
(タイトル、メモ、URL、コメント というカラムしかありません)

そこで、これを緯度経度の情報に変換するために、google street viewのstatic apiを利用します。

street view static apiの有効化

まず、APIを利用するためにkeyを取得します。

  1. GCPのページにアクセスし、コンソールへ移動します。
    image.png

  2. 次に、プロジェクトを作成します。プロジェクトの作成は、左上の「プロジェクトの選択」を選んで出てくるダイアログか、初めての人であれば作成ボタンがあるかもしれません。
    image.png

  3. プロジェクトの作成ができたら、左側のメニューバーから「APIとサービス」を選択し、「有効なAPIとサービス」を選択します。
    image.png

  4. APIの検索欄にStreet View Static APIと検索すればStatic APIが出てくるので、それを有効にします。

image.png

  1. 請求先のアカウントを設定して、続行します。(今回カード情報などを入力することになると思いますが、APIリクエスト100件、200件くらいでは利用料は発生しませんでした。メタデータのAPIを利用している為だと思われます。)

image.png

API KEYの取得

API KEYの取得は、「APIとサービス」>「認証情報」からできます。
image.png

API Keyは「鍵を表示します」をクリックすれば表示されるのでクリップボードにコピーしておきましょう
image.png

もしない場合は、認証情報を作成とすればAPIキーを作成できます。
image.png

緯度経度情報に変換するプログラムのダウンロード

こちらに経度緯度情報を変換するプログラムを置いておいたのでダウンロードします。

ダウンロードしたら、rowdataフォルダに先ほどダウンロードした、自分のマップ情報を入れます。
image.png

中にある設定ファイルを編集し、APIキーと先ほどダウンロードしてきたものと入れ替えます。
image.png

convert.pyを次のようなオプション付きで実行します。

python3 convert.py setting.json

プログラムが実行され、reusltsフォルダに結果が保存されていれば成功です。

image.png

3. マップの作成

最後にGeoGuessrのマップを作成します。
自分のマップ作製ページに移動し、「新しいマップを作成」を選択します。
image.png

「厳選された場所」を選び、マップ名を入力します。

その後、右上の…から、「CSVファイルのインポート」を選び、先ほど作成したcsvをインポートします。

image.png

すると、自動でピンが入力されているので、「保存と公開」でマップを作成して完成です。

まとめ

今回は、google mapの情報を基に、私の大好きなゲームGeoguessrのマップを作成しました。
自分の行ったところリストで遊ぶと、思い出に浸れたり、一瞬で場所が分かるので結構楽しいです。

また、私が作成したマップもこちらに載せておきます。
よかったら遊んでね。

次に追加したいもの

  • logを残す機能(street viewの情報が見つからなかった場合に)
  • 移動できる場所のみにsourceを限定
  • google mapの訪れた履歴からマップを作成する
2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?