githubmirror/Leaflet

debug/map/geolocation.html

33 строки921 B

Grant

Use preferred tile.openstreetmap.org URL (#8418)

28 авг 2022, 12:31

28 авг 2022, 12:31c2324e5

<!DOCTYPE html>
<html>
<head>
    <title>Leaflet geolocation debug page</title>

    <link rel="stylesheet" href="../../dist/leaflet.css" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="../css/screen.css" />
    <script src="../../dist/leaflet-src.js"></script>
</head>
<body>

    <div id="map"></div>

    <script>

        var osmUrl = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png',
            osmAttrib = '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
            osm = L.tileLayer(osmUrl, {maxZoom: 18, attribution: osmAttrib});

        var map = new L.Map('map', {zoom: 15, layers: [osm]});

        function logEvent(e) { console.log(e.type); }
        map.on('locationerror', logEvent);
        map.on('locationfound', logEvent);

        map.locate({setView: true});

    </script>
</body>
</html>