<!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 id="map"></div>
<!-- Leaflet JS -->
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<!-- 外部JS（グローバル変数なし、Module使用） -->
<script type="module" src="map4.js"></script>
</body>
</html>
