TomTom Maps for JavaScript
    Preparing search index...

    Class AbstractMapModule<SOURCES_WITH_LAYERS, CFG>Abstract

    Base class for all Maps SDK map modules.

    This abstract class provides the foundation for creating map modules that can display and manage various types of data on a TomTom map. It handles module lifecycle management, including initialization, configuration updates, and automatic restoration after map style changes.

    All map modules extend this class to ensure consistent behavior across the SDK. The class manages the module's sources, layers, and configuration, automatically handling map style changes by restoring the module's state when needed.

    class CustomModule extends AbstractMapModule<MySourcesWithLayers, MyConfig> {
    constructor(tomtomMap: TomTomMap, config?: MyConfig) {
    super('geojson', tomtomMap, config);
    }
    // Implement abstract methods...
    }

    Type Parameters

    • SOURCES_WITH_LAYERS extends SourcesWithLayers

      The type defining the sources and layers used by this module

    • CFG extends MapModuleCommonConfig | undefined = undefined

      The configuration type for this module, or undefined if no configuration is needed. When defined, must extend MapModuleCommonConfig.

    Hierarchy (View Summary)

    Index

    Constructors

    • Builds this module based on a given Maps SDK map.

      Type Parameters

      • SOURCES_WITH_LAYERS extends SourcesWithLayers

        The type defining the sources and layers used by this module

      • CFG extends MapModuleCommonConfig | undefined = undefined

        The configuration type for this module, or undefined if no configuration is needed. When defined, must extend MapModuleCommonConfig.

      Parameters

      • sourceType: MapModuleSource

        Whether the module is based on a map style or on added GeoJSON data.

      • tomtomMap: TomTomMap

        The map. It may or may not be initialized at this stage, but the module ensures to initialize itself once it is.

      • Optionalconfig: CFG

        Optional configuration to initialize directly as soon as the map is ready.

      Returns AbstractMapModule<SOURCES_WITH_LAYERS, CFG>

    Accessors

    • get sourceAndLayerIDs(): Record<keyof SOURCES_WITH_LAYERS, SourceWithLayerIDs>

      Gets the source and layer identifiers for all sources managed by this module.

      This property provides access to the MapLibre source and layer IDs that were created and are managed by this module. These IDs can be used to interact directly with MapLibre's API or to identify which layers belong to this module.

      Returns Record<keyof SOURCES_WITH_LAYERS, SourceWithLayerIDs>

      A record mapping each source name to its corresponding source ID and layer IDs. Each entry contains the MapLibre source identifier and an array of layer identifiers associated with that source.

      The returned IDs are useful when you need to:

      • Directly manipulate layers using MapLibre's native API
      • Identify which layers on the map belong to this module
      • Set layer ordering or positioning relative to other layers
      • Access source or layer properties through MapLibre methods
      const ids = myModule.sourceAndLayerIDs;
      console.log(ids);
      // {
      // mySource: {
      // sourceID: 'my-source-id',
      // layerIDs: ['layer-1', 'layer-2']
      // }
      // }

      // Use with MapLibre API
      const map = myModule.mapLibreMap;
      ids.mySource.layerIDs.forEach(layerId => {
      map.setLayoutProperty(layerId, 'visibility', 'visible');
      });

    Methods

    • Applies a configuration to this module.

      This method updates the module's behavior and appearance based on the provided configuration. The configuration is stored internally and will be automatically reapplied if the map style changes.

      Parameters

      • config: CFG | undefined

        The configuration object to apply to the module. Pass undefined to reset the configuration to default values.

      Returns void

      When a configuration is applied, the module updates its visual representation and behavior accordingly. The configuration persists across map style changes, ensuring consistent module behavior even when the map's base style is modified.

      // Apply a new configuration
      myModule.applyConfig({ visible: true, opacity: 0.8 });

      // Reset to default configuration
      myModule.applyConfig(undefined);
      • resetConfig for a convenience method to reset configuration
      • getConfig to retrieve the current configuration
    • Retrieves a copy of the current module configuration.

      This method returns a shallow copy of the configuration object that is currently applied to the module. If no configuration has been applied, it returns undefined.

      Returns NonNullable<CFG> | undefined

      A shallow copy of the current configuration object, or undefined if no configuration is currently applied. The returned object is a copy to prevent unintended modifications to the internal state.

      The returned configuration object is a shallow copy, which means that while the top-level properties are copied, any nested objects or arrays are still referenced from the original configuration. This is sufficient for most use cases but should be kept in mind when dealing with complex configurations.

      // Apply a configuration
      myModule.applyConfig({ visible: true, opacity: 0.8 });

      // Later, retrieve the current configuration
      const currentConfig = myModule.getConfig();
      console.log(currentConfig); // { visible: true, opacity: 0.8 }

      // When no config is applied
      myModule.resetConfig();
      console.log(myModule.getConfig()); // undefined
    • Resets the configuration of this module to its default values.

      This is a convenience method that clears any previously applied configuration and restores the module to its initial state. This is equivalent to calling applyConfig(undefined).

      Returns void

      After calling this method, the module will behave as if no configuration was ever applied. Any custom settings, styling, or behavior modifications will be removed and replaced with default values.

      // Apply some configuration
      myModule.applyConfig({ visible: true, opacity: 0.5 });

      // Later, reset to defaults
      myModule.resetConfig();
      • applyConfig to apply a new configuration
      • getConfig to retrieve the current configuration before resetting
    • Returns Promise<void>