Cambiando los controles de usuario

HTML

<script src="https://sitna.navarra.es/api/dev/"></script>
<div id="mapa"></div>

JavaScript

const myMap = new SITNA.Map("mapa", {
  baseLayers: [
    SITNA.Consts.layer.MAPBOX_SATELLITE,
    SITNA.Consts.layer.MAPBOX_STREETS,
    SITNA.Consts.layer.CARTO_LIGHT,
    SITNA.Consts.layer.CARTO_DARK
  ],
  crs: "EPSG:3857",
  initialExtent: [-8916022, 3179736, 9869141, 11789603],
  workLayers: [{
      id: "paises",
      type: SITNA.Consts.layerType.WMS,
      url: "https://bio.discomap.eea.europa.eu/arcgis/services/Internal/Basemap_EEA38_WM/MapServer/WMSServer",
      layerNames: ["3"],
      title: "Países del mundo"
    },
    {
      id: "rios",
      type: SITNA.Consts.layerType.VECTOR,
      url: "//sitna.github.io/getting-started/data/rivers.kml",
      title: "Ríos"
    },
    {
      id: "capitales",
      type: SITNA.Consts.layerType.VECTOR,
      format: SITNA.Consts.mimeType.GEOJSON,
      url: "//sitna.github.io/getting-started/data/capitals.json",
      title: "Capitales del mundo"
    }
  ],
  // Quitamos el control TOC y añadimos el control workLayerManager dentro del elemento con identificador "tc-slot-toc"
  controls: {
    TOC: false,
    workLayerManager: {
      div: "tc-slot-toc"
    }
  }
});