Options
All
  • Public
  • Public/Protected
  • All
Menu

Class Navbar

A Navbar helps adding information to the map. Extends this class to make a custom one. Navbar has support for actions and values.

const mapsterNavbar = new Mapster.Navbar({
    subtitle: '#50949',
    title: 'ABC-APV00021688'
})

// Add Navbar to map
map.setNavbar(mapsterNavbar);

Table Result

You can also add actions and title to your Navbar like such:

Support for custom icons is still in my TODO list!
We currently only support the following icons:
- icon-info
- icon-circle
- icon-square
- icon-clear
- icon-linegraph
- icon-info2
- icon-gps_not_fixed
- icon-gps_fixe

const mapsterNavbar = new Mapster.Navbar({
    subtitle: '#50949',
    title: 'ABC-APV00021688',
    actions: [{
        icon: "icon-clear",
        label: "hey",
    }]
})

// Add Navbar to map
baseMap.setNavbar(mapsterNavbar);

Table Result

Hierarchy

  • Navbar

Index

Constructors

Accessors

Constructors

constructor

  • Creates a new Navbar instance.

    Parameters

    Returns Navbar

Accessors

actions

  • Change Navbar's actions

    Parameters

    Returns void

element

  • get element(): HTMLElement
  • HTMLElement

    Returns HTMLElement

Generated using TypeDoc