福野泰介の一日一創

「八王子景観100」src on GitHub
CSVデータを簡単マップ表示するオープンソースの拡張タグ、csv-map.jsを使ってマップ表示。

アプリはたった2行のHTMLで動きます。 <script type="module" src="https://js.sabae.cc/csv-map.js"></script> <csv-map src="https://code4fukui.github.io/hachioji-keikan100/hachioji-keikan100.csv" useimage=false></csv-map> edit on ss.sabae.cc

「八王子景観100」
アイコンの変わりに画像を表示できますが、全部読み込むまで表示されないのでかなり重いので注意。この点は、要改善です。改善提案（プルリク）大歓迎です！

「hachioji-keikan100.csv」
大きすぎない、ちゃんとしたCSVデータであればGitHub上で表形式のプレビュー表示で確認できて便利です。

「code4fukui/hachioji-keikan100」
八王子市の景観オープンデータの画像とリスト、景観オープンデータとの組み合わせと、デモアプリを全部セットでこちらのGitHubにて公開。

扱いやすい形でまとまったので、あとはいろいろと応用あるのみ！
八王子市在住の学生の方、ぜひご活用ください。