このリポジトリは、CSV フォーマットのデータを GitHub Actions で GeoJSON に変換し API として公開するためのテンプレートリポジトリです。

Geolonia Maps なら以下のような簡単なマークアップで地図に表示することが可能です。

<div class="geolonia" data-geojson="<GeoJSON の URL>"></div>

デモ: https://codepen.io/geolonia/pen/RwgJjmE

• [Use this template] ボタンをクリックして、このテンプレートを自分のリポジトリにコピーしてください。
• example.csv を編集してコミットすると数分後に GeoJSON が生成され、https://<あなたのGitHubユーザー名>.github.io/<リポジトリ名>/<ファイル名>.json のような URL でアクセスできます。（サンプル URL）
• 任意のファイル名の CSV を複数設置することも可能です。
• 点データのみに対応しています。

1. こちらのサンプルデータ をコピーして、ご自身のデータを入力してください。
2. 入力したデータを CSV でエクスポートして、それを任意のファイル名でコミットしてください。

緯度経度の取得には、Community Geocoder をご利用することをご推奨します。

• GitHub のリポジトリのメニューの中にある [Settings] をクリックしてください。
• 移動先のページの下の方にある [GitHub Pages] のところで、以下のように設定してください。

• 保存された CSV は GitHub Actions によって、自動的に GeoJSON に変換されます。GeoJSON は、上述のように https://<あなたのGitHubユーザー名>.github.io/<リポジトリ名>/<ファイル名>.json のような URL でアクセスできますので、ブラウザで URL を確認した後、その URL をコピーしてください。
• Geolonia Maps の API キーを取得 して、JavaScript API を設置 してください。
• 地図を表示したい場所に以下のような HTML を設置してください。

<div class="geolonia" data-geojson="<GeoJSON の URL>"></div>

デモ: https://codepen.io/geolonia/pen/RwgJjmE

詳しくは Geolonia Maps ドキュメンテーションを御覧ください。

• marker-color は、#FF0000 または rgba(255,0,0) のように指定することが可能です。
• 列の順番に制約はありません。
• description では、HTML も利用可能です。
• 上記にない列は、properties に保存されますが、これらの値を利用するには JavaScript によるプログラミングが必要です。
• サンプル CSV は、こちらにあります。
• データの仕様については、Geolonia Maps のドキュメンテーションもご参照ください。