For AI agents: the complete documentation index is available at /core-sdk/map/web/llms.txt, the full documentation bundle is available at /core-sdk/map/web/llms-full.txt, and this page is available as Markdown at /core-sdk/map/web/v10/13-map-styling/01-change-map-style.md.

Change Map Style

It is possible to apply different map styles. Below are the default styles of Mapxus Maps.

MapxusMap.ThemeType: Enumeration Members

enum ThemeType {
    MAPXUS_DEFAULT = "mapxus_v8",
    ROSE_TEA = "rose_tea",
    PEAR_SORBET = "pear_sorbet",
    CITY_WALK = "city_walk",
    MOCHA_MOUSSE = "mocha_mousse",
    SECTION_DISPLAY_BY_COLOR = "mapxus_v7_with_section_v2",
    SECTION_DISPLAY_BY_CATEGORY = "mapxus_v7_with_section_v3",
}

The default style is MAPXUS_DEFAULT style.

const map = new MapxusMap.Map({
  map: maplibreMap,
  buildingId: "tsuenwanplaza_hk_369d01",
  theme: MapxusMap.ThemeType.ROSE_TEA,
});

Sample web page:

#Change Map Style

Change Map Style