quiz2023/sakasaka.html at 8826aabbbceb0826d1f6f55bd9e23f38f65b5b87

Fork: 1

C1222258 / quiz2023

forked from SKIP/quiz2023

Find file

Newer

Older

quiz2023 / sakasaka.html

森谷海斗 16 days ago 885 bytes Update sakasaka.html

Raw Blame History

<!DOCTYPE html>
    <html lang="ja">
    <head>
        <meta charset="UTF-8">
        <title>坂が少ないルート検索 (Leaflet + JS + HTML)</title>
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
        <style>
            #map { height: 500px; width: 100%; border: 1px solid black; }
            #instructions { margin: 10px; }
        </style>
    </head>
    <body>
        <h1>坂が少ないルート検索</h1>
        <p id="instructions">地図をクリックしてスタート（1回目）とゴール（2回目）を選択してください。ルートが自動表示されます。</p>
        <div id="map"></div>
        <button id="resetButton">リセット</button>
     
        <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
        <script src="sakasaka.js"></script>
    </body>
    </html>