<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>霧解除探索ゲーム</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link
rel="stylesheet"
href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
/>
<style>
body {
margin: 0;
font-family: sans-serif;
}
header {
padding: 8px;
background: #222;
color: #fff;
}
#controls {
padding: 8px;
background: #eee;
}
#locationmap {
height: calc(100vh - 110px);
}
button {
margin-right: 8px;
}
</style>
</head>
<body>
<header>
<h2 id="title">霧解除探索ゲーム</h2>
</header>
<div id="controls">
<button id="start">START</button>
<button id="stop">STOP</button>
</div>
<div id="locationmap"></div>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script src="fog.js"></script>
</body>
</html>
