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/01-getting-started/04-initial-map-configuration.md.

Initial Map Configuration

Mapxus Map provides a lot of optional parameters to customize the map features. All parameters and types please check Mapxus Map Constructor.

MapxusAuth.registerWithApiKey("your_appId", "your_secret");
// init maplibre-gl map
const maplibreMap = new maplibregl.Map({
  container: "map",
});
// init mapxus map
const map = new MapxusMap.Map({
  map: maplibreMap,
  venueId: "9f0af5f1758040008a7b112d041c0977",
  floorSelectorStyle: {
    itemCount: 5,
    fontColor: "#389e0d",
    activeFontColor: "#d46b08",
    backgroundColor: "#f6ffed",
    activeBackgroundColor: "#fff7e6",
    defaultFolded: true,
  },
  selectedBuildingBorderStyle: {
    lineColor: "#f759ab",
    lineOpacity: 0.8,
    lineWidth: 3,
  },
  language: MapxusMap.PresetLanguage.ENGLISH,
});

Sample web page:

#Initial Map Configuration

Initial Map Configuration