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

body { margin: 0; padding: 0; }
#map { position: absolute; top: 0; bottom: 0; height: 100%; width: 100%; }

maptilersdk.config.apiKey = 'E1Kr8md4Q6CeWrPeQLgB';

const map = new maptilersdk.Map({
  container: 'map',
  style: {
    "version": 8,
    "name": "Simple Style",
    "sources": {
      streets: {
        type: "vector",
        url: "https://api.maptiler.com/tiles/v3/tiles.json"
      }
    },
    "layers": [{
      id: "road",
      type: "line",
      source: "streets",
      "source-layer": "transportation",
      paint: {
        "line-color": "#00ff00",
        "line-width": 3,
      }
    }]
  },
  center: [16.62662018, 49.2125578],
  zoom: 14
});