<!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"
>
<script
src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
defer
></script>
<!-- Main Script -->
<script src="hokaku.js" defer></script>
<style>
body {
margin: 0;
font-family: sans-serif;
text-align: center;
}
#locationmap {
width: 90vw;
height: 75vw;
margin: auto;
}
button {
padding: 6px 12px;
margin: 4px;
font-size: 14px;
}
</style>
</head>
<body>
<h1>
街モンスター捕獲ゲーム
<span id="title"></span>
</h1>
<p>
<button id="start" type="button">START</button>
<button id="stop" type="button">STOP</button>
<button id="capture" type="button" disabled>捕獲する</button>
<a href="hokaku.js">src</a>
</p>
<div id="locationmap"></div>
</body>
</html>