diff options
Diffstat (limited to 'src/components/ParkMapHelp.astro')
| -rw-r--r-- | src/components/ParkMapHelp.astro | 12 |
1 files changed, 11 insertions, 1 deletions
diff --git a/src/components/ParkMapHelp.astro b/src/components/ParkMapHelp.astro index 61156c1..4999389 100644 --- a/src/components/ParkMapHelp.astro +++ b/src/components/ParkMapHelp.astro @@ -15,10 +15,12 @@ <span><i class="swatch-fac swatch-fac-toilet">WC</i>トイレ</span> <span><i class="swatch-fac swatch-fac-water"><svg viewBox="0 0 24 24" width="10" height="10" aria-hidden="true"><path fill="currentColor" d="M12 2.7c-3.4 4.2-6 8.1-6 11.3a6 6 0 0 0 12 0c0-3.2-2.6-7.1-6-11.3z" /></svg></i>水飲み場（拡大時）</span> <span><i class="swatch-fac swatch-fac-clock">⏰</i>時計（拡大時）</span> + <span><i class="swatch-fac swatch-fac-hydrant">消</i>消火栓（拡大時）</span> + <span><i class="swatch-fac swatch-fac-tank">槽</i>防火水槽（拡大時）</span> </div> <div class="park-play-legend" data-play-legend></div> <p class="park-map-note"> - 公園の範囲を赤、市外の近い公園を青、公共施設を紫（市外はオレンジ）で表示しています。地図を拡大すると見やすくなります。PCでは地図上でスクロールするとズームできます。市外の近い公園のうち、範囲が取得できないものは丸で表示しています。トイレ・水飲み場・時計のアイコンは拡大すると表示されます。さらに拡大すると、遊具アイコン（上の凡例）が表示されます。OpenStreetMapに公園として登録されている範囲を表示しているため、すべての公園を網羅しているわけではありません。現在地は端末内でのみ利用し、サーバーには送信しません。地図データ © <a + 公園の範囲を赤、市外の近い公園を青、公共施設を紫（市外はオレンジ）で表示しています。地図を拡大すると見やすくなります。PCでは地図上でスクロールするとズームできます。市外の近い公園のうち、範囲が取得できないものは丸で表示しています。トイレ・水飲み場・時計・消火栓・防火水槽のアイコンは拡大すると表示されます。さらに拡大すると、遊具アイコン（上の凡例）が表示されます。OpenStreetMapに公園として登録されている範囲を表示しているため、すべての公園を網羅しているわけではありません。現在地は端末内でのみ利用し、サーバーには送信しません。地図データ © <a href="https://www.openstreetmap.org/copyright" target="_blank" rel="noopener">OpenStreetMap</a @@ -96,6 +98,14 @@ border-radius: 50%; color: #1b1b1b; } + .swatch-fac-hydrant { + background: #c62828; + border-radius: 50%; + } + .swatch-fac-tank { + background: #1565c0; + border-radius: 4px; + } .park-map-note { margin-top: 0.4rem; color: var(--sl-color-gray-2); |