2025-shino/map4.html at 4611b19528616b58377f27e886d3f5926c2ce3ab

Fork: 1

Vongole_bianco / 2025-shino

forked from KoekiGameDesign/2025-shino

Find file

Newer

Older

2025-shino / map4.html

takeuchi shino on 17 Nov 1 KB Update map4.html

Raw Blame History

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>グループ位置マップ</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://unpkg.com/leaflet/dist/leaflet.css" />
</head>

<body class="map-page">

  <div class="map-layout fadeIn">

    <!-- 地図エリア -->
    <div class="map-area card">
      <div class="map-header">
        <h1>グループ位置マップ</h1>
        <button id="exitBtn" class="exit-btn">退出</button>
      </div>

      <p class="group-label">
        グループ：<span id="groupName"></span><br>
        ユーザー名：<span id="userName"></span>
      </p>

      <div id="map"></div>
    </div>

    <!-- 右側メンバー一覧 -->
    <div class="member-area card fadeInDelay">
      <h2>参加メンバー</h2>
      <ul id="memberList"></ul>
    </div>

  </div>

  <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>
  <script src="map4.js"></script>
</body>
</html>