Untitled

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <link href='https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.css' rel='stylesheet' />
    <script src='https://api.mapbox.com/mapbox-gl-js/v2.1.1/mapbox-gl.js'></script>
<style>
        body {
            padding: 0;
            margin: 0;
        }

        html, body, #map {
            height: 100%;
            font: 10pt "Helvetica Neue", Arial, Helvetica, sans-serif;
        }

    </style>
</head>
<body>
    <div id="map"></div>
    <script>
mapboxgl.accessToken = 'pk.eyJ1IjoidHlyc2llbiIsImEiOiJjanZ4ZzF1dHowNHJ0NDlwMjNpNXphbHN6In0.yRCTHf9HjNCDXhOEtsLfsQ';
            var map = new mapboxgl.Map({
            container: 'map',
            style: 'mapbox://styles/tyrsien/ckoms6c5e8e6318mudld3mdcf',
            center: [15.052812, 53.628543],
            zoom: 7
            });
map.addControl(new mapboxgl.GeolocateControl({ positionOptions: { enableHighAccuracy: true }, trackUserLocation: true }),'top-right');
map.addControl(new mapboxgl.NavigationControl());
    </script>
</body>
</html>
Editor is loading...