GitBucket
|
|
|||
|---|---|---|---|
| images | 3 months ago | ||
| README.md | 3 months ago | ||
| layers-2x.png | 4 months ago | ||
| layers.png | 4 months ago | ||
| leaflet-src.esm.js | 4 months ago | ||
| leaflet-src.esm.js.map | 4 months ago | ||
| leaflet-src.js | 4 months ago | ||
| leaflet-src.js.map | 4 months ago | ||
| leaflet.css | 4 months ago | ||
| leaflet.js | 4 months ago | ||
| leaflet.js.map | 4 months ago | ||
| marker-icon-2x.png | 4 months ago | ||
| marker-icon.png | 4 months ago | ||
| marker-shadow.png | 4 months ago | ||
| test.geojson | 4 months ago | ||
| yobidasi.js | 3 months ago | ||
| yuugu.css | 4 months ago | ||
| yuugu.html | 3 months ago | ||
README.md
公園検索マップ
https://www.yatex.org/gitbucket/C1230565_Kato/system/pages/yuugu.html
・内容
1.酒田市内の公園を地図上に一覧表示
- 広さ、遊具、施設の情報などを視覚化
- 41公園＋遊具（ブランコ、滑り台、鉄棒など）をマッピング
2.遊具の種類で検索できる
- 「ブランコがある公園だけ表示」などが簡単にできるUI
- 将来的にはレビュー機能を追加
- 「近くの遊具」検索（現在地機能）
3.公園の様子が分かる写真付き
- 現地に行かなくても雰囲気を確認
- 安心・安全な遊び場所を事前に把握できる
*使用技術
-
地図表示 Leafret（JavaScript）
-
地図上へのオブジェクト配置 JavaScript（L.marker()）
-
検索機能 JavaScript + HTML