Newer
Older
quiz2023 / sakasukunai.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="sakasukunai.js"></script>
    </body>
    </html>