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

html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

#map {
  height: 100%;
}

require([
  'esri/map',
  'esri/layers/WebTiledLayer',
  'dojo/domReady!'
], (Map, WebTiledLayer) => {
  const map = new Map('map', {
    center: [-1.5, 52.2],
    zoom: 8
  });

  const cartoDBDarkMatter = new WebTiledLayer(
    'https://{subDomain}.basemaps.cartocdn.com/dark_all/{level}/{col}/{row}.png', {
      subDomains: ['a', 'b', 'c', 'd'],
      copyright: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors &copy; <a href="https://carto.com/attributions">CARTO</a>'
    }
  );

  map.addLayer(cartoDBDarkMatter);
});