<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://www.yatex.org/libcache/leaflet-1.7.1/leaflet.css" />
<script src="https://www.yatex.org/libcache/leaflet-1.7.1/leaflet.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet.bigimage@1.0.1/src/Leaflet.BigImage.css">
<script src="https://unpkg.com/leaflet.bigimage@1.0.1/src/Leaflet.BigImage.js"></script>
<script type="text/javascript" src="asahi.js" charset="utf-8">
</script>
<link rel="stylesheet" type="text/css" href="4dr.css">
</head>
<body class="asahi">
<h1>あさひたんけんマップ
<button id="A">A</button><button id="B">B</button></h1>
<div class="mapstage">
<div id="leftmap"></div>
<div id="rightmap"></div>
</div>
<p id="info"><!-- for debug --></p>
<canvas id="canvas" >
</canvas>
<div id="images">
</div>
</body>
</html>
HIROSE Yuuji