How techis-yumori/yeg-map works
松山YEGの夜間飲食店マップは、来訪者が地図・一覧から店舗を探し、条件で絞り込み、店舗の詳細や道案内を確認するWebアプリです。運用側はフォーム回答をMAP掲載シートへ取り込み、内容を整えて公開データを更新します。READMEに記載された構成と運用機能を反映していますが、GASの内部実装とHTMLの詳細は未サンプルのため、内部処理の関係はREADMEで確認できる範囲に限っています。
Main entry points: app.js 店舗検索・一覧 · Code.gs 取込・管理処理 · locate.js 現在地機能 · data-source.js データ取得・整形
Components 20
Connections 23
- 来訪者 → GitHub Pages: サイトを開く
README.md - GitHub Pages → 画面の骨組み: 画面を提供
README.md - 画面の骨組み → 店舗検索・一覧: 画面を構成
README.md - 店舗検索・一覧 → データ取得・整形: 店舗データを取得
README.md - データ取得・整形 → 店舗データAPI: データを要求
README.md - 店舗データAPI → データ取得・整形: 店舗JSONを返す
README.md - 店舗検索・一覧 → 検索・絞り込み: 条件で絞る
js/app.js - 店舗検索・一覧 → 地図・店舗ピン: 選択を連動
js/app.js - 地図・店舗ピン → 店舗検索・一覧: 店舗を選択
js/app.js - 店舗検索・一覧 → ジャンル色設定: 色を参照
js/app.js - 店舗検索・一覧 → 目印データ: 目印を描画
js/app.js - 地図・店舗ピン → Leaflet・OpenStreetMap: 地図を表示
README.md - 店舗検索・一覧 → 現在地機能: 現在地を初期化
js/app.js - 現在地機能 → ブラウザー位置情報: 位置を取得
js/locate.js - 現在地機能 → 地図・店舗ピン: 地図を移動
js/locate.js - 会員の回答フォーム → フォーム回答シート: 回答を記録
README.md - 取込・管理処理 → フォーム回答シート: 回答を読み取る
README.md - 取込・管理処理 → MAP掲載シート: 回答を取り込む
README.md - 取込・管理処理 → 住所位置取得: 住所から位置取得
README.md - 取込・管理処理 → 公開データ作成: 公開更新を実行
README.md - 公開データ作成 → MAP掲載シート: 掲載内容を読む
README.md - 公開データ作成 → 店舗データAPI: 公開データを更新
README.md - 店舗検索・一覧 → Googleマップアプリ: 道案内を開く
README.md