Default map

Display a default map

import { TomTomConfig } from '@tomtom-org/maps-sdk/core';
import { TomTomMap } from '@tomtom-org/maps-sdk/map';
import './style.css';
import { API_KEY } from './config';

// (Set your own API key when working in your own environment)
TomTomConfig.instance.put({ apiKey: API_KEY, language: 'en-GB' });

new TomTomMap({
    mapLibre: {
        container: 'sdk-map',
        center: [4.8156, 52.4414],
        zoom: 8,
    },
});

Open Sandbox

A div, an API key and one constructor give you a full vector map of the Netherlands, from coastline to city labels.

TomTomConfig.instance.put holds the API key and the display language for the whole app, so nothing else in the code carries credentials.
TomTomMap picks the default TomTom style, loads its tiles and attaches to the container. There is no style URL to build and no source or layer to declare.
Its mapLibre block passes through to MapLibre GL JS unchanged, so anything that map accepts is available here.