2025-shino/map4.html at 3290bd1023a1033cfcf9b56070b0d4570afff8a6

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>

  <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="card-content">
        <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-wrapper">
          <div id="map"></div>
        </div>
      </div>
    </div>

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

  </div>

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