<!DOCTYPE html>
<html lang="ja">
<head>
<title>道案内</title>
<!-- これ大事 忘れない -->
<style>
div#mymap {width: 90vw; height: 80vh; border: 1px navy solid;}
</style>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="../src/leaflet.css" />
<link rel="stylesheet" type="text/css" href="saaaaaigo.css">
<link href="https://fonts.googleapis.com/css?family=M+PLUS+1p" rel="stylesheet">
<script type="text/javascript" src="../src/leaflet.js" charset="utf-8"></script>
<script type="text/javascript" src="saaaaaigo.js" charset="utf-8"></script>
<script type="text/javascript" src="csv_min.js" charset="utf-8"></script>
<script type="text/javascript" src="csv_sample.js" charset="utf-8"></script>
<script type="text/javascript" src="manoma.geojson" charset="utf-8"></script>
<script type="text/javascript" src="hiyori.geojson" charset="utf-8"></script>
<script type="text/javascript" src="penguin.geojson" charset="utf-8"></script>
</head>
<body>
<h1>道のりはこちら</h1>
<h2>学校からmanomaまでの道のり</h2>
<div id="mymap"></div>
</body>
</html>
みのさんじょー