2025-shino/map4.html at e745107ec9f9890ffd2df7f364a4dd9929ee3b35

Fork: 1

Vongole_bianco / 2025-shino

forked from KoekiGameDesign/2025-shino

Find file

Newer

Older

2025-shino / map4.html

takeuchi shino on 16 Nov 817 bytes Update map4.html

Raw Blame History

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>位置共有マップ</title>

  <!-- Leaflet -->
  <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css">

  <!-- 自作CSS -->
  <link rel="stylesheet" href="style.css">
</head>

<body>
  <header>
    <h1>位置共有マップ</h1>
    <p>現在地を取得して、グループの位置を確認できます。</p>
  </header>

  <!-- グループカード -->
  <div class="group-card">
    <span class="label">グループ：</span>
    <span id="groupName" class="value"></span>
  </div>

  <!-- 地図 -->
  <div id="map"></div>

  <!-- Leaflet JS -->
  <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>

  <!-- 自作JS -->
  <script type="module" src="map4.js"></script>
</body>
</html>