Newer
Older
quiz2023 / sakasaka.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>坂の少ない道比較ルート</title>
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"/>
    <link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.css"/>
    <style>
        #map { height: 80vh; width: 100vw; }
        #resetButton { position: absolute; top: 10px; left: 10px; z-index: 1000; }
    </style>
</head>
<body>
    <button id="resetButton">リセット</button>
    <div id="map"></div>
    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
    <script src="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.js"></script>
    <script src="sakasaka.js"></script>
</body>
</html>