Skip to content

地図: 道路・地名・施設の記号、避難場所、ハザードマップを重ねる #68

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
5ym merged 2 commits into from
Nov 14, 2026
Merged

地図: 道路・地名・施設の記号、避難場所、ハザードマップを重ねる #68

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
388abee
地図: 道路・地名・施設の記号、指定緊急避難場所・指定避難所、ハザードマップを重ねる
5ym Nov 14, 2026
3bf7cbd
地図: 読めなかった避難場所のタイルは、同じ範囲でも次に読み直す
5ym Nov 14, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions bun.lock
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 2 additions & 0 deletions bunfig.toml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,4 +8,6 @@ ignorePatterns = [
"tests/fixtures/**",
# 気象庁の GIS データから tools/areas/build.sh で作るもの
"static/areas/**",
# 国土地理院のスタイルとスプライトから tools/gsi/build.ts で作るもの
"static/map/gsi/**",
]
5 changes: 3 additions & 2 deletions docs/design.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -493,7 +493,7 @@ VOICEVOX が止まっている・つながらないときは、画面が端末
Leaflet の 1.9 は 3 年近く出ておらず、2.0 はまだ beta。

- **下地は国土地理院のシームレス空中写真** (持ち主の決定、2026-11-13)。その上に、気象庁の[予報区等 GIS データ](https://www.data.jma.go.jp/developer/gis.html) (地震情報の細分区域・津波予報区、シェープファイル、JGD2011) をコンテナの中で簡略化した GeoJSON (`tools/areas/build.sh` → `static/areas/`) と、震源・震度のラベル・緊急地震速報の印を重ねる。層はいつも全部出す (持ち主の決定、2026-11-14。切り替えは置かない)。いまの大きさなら PMTiles は要らない。
- 淡色地図 (地名) の下地はやめた (2026-11-14)。地名・道路は写真の上に重ねる形で足す予定。層ごとのデータ・出典と描き方の決まりは [map.md](map.md)。
- 淡色地図 (地名) の下地はやめ (2026-11-14)、道路・地名・施設の記号は地理院地図Vector (国土地理院最適化ベクトルタイルの PMTiles) を写真の上に重ねる。字体は外から読まず、端末の字体で描く。ハザードマップ (重ねるハザードマップのラスタータイル) は 1 つだけ選んで重ね、指定緊急避難場所・指定避難所は寄せたときだけ出す。層ごとのデータ・出典と描き方の決まりは [map.md](map.md)。
- **震度の色** (気象庁「気象庁ホームページにおける気象情報の配色に関する設定指針」表 2-2、令和 2 年 7 月):

| 震度 | 7 | 6強 | 6弱 | 5強 | 5弱 | 4 | 3 | 2 | 1 |
Expand Down Expand Up @@ -548,7 +548,8 @@ Leaflet の 1.9 は 3 年近く出ておらず、2.0 はまだ beta。

- **震度・津波の区分・火山の警戒の段・気象警報・注意報の段は、気象庁の配色の指針の色で塗ったラベルにする** (4 章の色と、指針の表 1-2 の噴火警報・予報の色、表 1-1 の警戒レベルの色。`Intensity.svelte`・`Grade.svelte`・`VolcanoLevel.svelte`・`WarningLevel.svelte`)。denpa の「状態の色は状態だけ」とは別の、色そのものが意味を持つもの (denpa のリモコンの色のキーと同じ扱い)。
色だけに頼らず、ラベルにはいつも「5弱」「津波警報」と字で書く。選んでいる印・オン・状態にはこの色を使わない
- **地図は操作の層ではなく中身** (地図の上に操作は重ねない)。層はいつも全部出し、切り替えは置かない (色の意味は「出典と注意」の「地図の見方」)。地図の上にあるのは MapLibre の出典の (i) と、震度のラベル・震央の × と、現在地のボタンだけ。出典の (i) は畳んでおき、同じ出典は注意文の下にいつも出す
- **地図は操作の層ではなく中身** (地図の上に操作は重ねない)。層はいつも全部出し、切り替えは置かない (色の意味は「出典と注意」の「地図の見方」)。地図の上にあるのは MapLibre の出典の (i) と、震度のラベル・震央の × と、ハザードマップの選択と、現在地のボタンだけ。出典の (i) は畳んでおき、同じ出典は注意文の下にいつも出す
- 例外: ハザードマップの選択 (左上のカプセル)。持ち主の決定 (2026-11-14) で、層の切り替えを置かない中で、色がぶつかるハザードマップだけは 1 つを選ぶ。地図に重なるので操作の層に乗せ、選んでいる間はメニューを開くボタンと同じ短い下線 (`data-on`)。選択肢はメニューの左の縦線。選んだものの公式の凡例 (画像) をその下にメニューと同じ面で出す (凡例の画像は白い地なので、暗いテーマでも白い台に載せる)
- 例外: 現在地のボタン (右上の丸) は、地図で自分のいる所を探す操作なので地図の上に置く。地図 (動く中身) に重なるので操作の層 (面と影) に乗せ、オンは並びの外の切り替えと同じく主の色のアイコンと短い下線。押している間だけ `watchPosition` で追い、白い縁の青い点と誤差の円を描く。初めて取れたときだけそこへ寄せる (追う間に勝手に動かさない)。**緯度・経度は端末の中で描くだけで、サーバーには送らない**。許可されなかったときは追うのをやめ、ボタンの下に「位置の利用が許可されていません。…」と出す
- 広い形は地図の箱を件の面と同じ角 (`--so-item-radius`) で切る。スマホの形は画面いっぱいで角を付けない
- **広い形の列は右の 1 本 (一覧か詳しい内容) だけにし、残りの幅を地図に回す。** denpa の観る画面 (映像と右の列) と同じく、主の中身 (地図) を左に、添える列を右に置く (denpa の左はナビゲーションの場所)。地図が主なので、ずっと見ていなくてよいもの (カレンダー・状態) は列に並べず、押したときだけ出すメニューに畳む。
Expand Down
Loading
Loading