Creando la capa para los marcadores

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"
        }
    ],
    controls: {
        TOC: false,
        workLayerManager: {
            div: "tc-slot-toc"
        }
    }
});

myMap.loaded(() => {
    // Creamos una capa de tipo vectorial para los marcadores
    myMap.addLayer({
        id: "poi",
        type: SITNA.Consts.layerType.VECTOR,
        title: "Puntos de interés"
    }, () => {
        // Creamos los marcadores en la capa creada
        myMap.addMarker([-203288, 6652999], { layer: "poi" });
        myMap.addMarker([1390641, 5144550], { layer: "poi" });
        myMap.addMarker([677254, 6581543], { layer: "poi" });
        myMap.addMarker([-399432, 4463713], { layer: "poi" });
        myMap.addMarker([-720856, 7112550], { layer: "poi" });
        myMap.addMarker([2641252, 4575413], { layer: "poi" });
        myMap.addMarker([236074, 6241789], { layer: "poi" });
    });
});