2025-shino/map4.html at 553b13eefd4710073a8c602185efeabbf52cd98d

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"/>
  <script src="https://unpkg.com/leaflet/dist/leaflet.js"></script>

  <!-- Supabase -->
  <script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js"></script>
</head>

<body class="map-page fadeIn">

  <div class="map-layout">

    <!-- 左：地図エリア -->
    <div class="map-area card fadeIn">

      <div class="map-header">
        <h1>現在地マップ</h1>
        <button id="exitBtn" class="exit-btn">退出</button>
      </div>

      <div class="group-label">
        グループ：<span id="groupName"></span><br>
        あなた：<span id="userName"></span>
      </div>

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

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

  </div>

  <script src="map4.js"></script>

</body>
</html>