index.html


<!DOCTYPE html>
<html>
    <head>
        <title>Basic Map</title>
        <meta name="viewport" content="width=device-width,
            initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <script src="https://unpkg.com/leaflet@1.8.0/dist/leaflet.js"></script>
        <style>
            body {
                padding: 0;
                margin: 0;
            }
            html, body, #map {
                height: 100%;
                width: 100%;
            }
        </style>
        <link rel="stylesheet" href="https://unpkg.com/leaflet@1.8.0/dist/leaflet.css">
    </head>
    <body>
        <div id="map"></div>
        <script>
            let map = L.map("map", {center: [39.989429, 116.313104], zoom: 17});
            L.tileLayer(
                "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",
                {attribution: "&copy; <a href=" +
                "https://www.openstreetmap.org/copyright'>OpenStreetMap</a>"}
            ).addTo(map);
        </script>
    </body>
</html>