# Button Controller

# Button API

You can create and remove the top right button bar.

<div class="fatos-control-container" >
    <div class="fatos-ctrl-top-right">
        <div class="fatos-ctrl fatos-ctrl-group">
            <button class="fatos-ctrl-icon fatos-ctrl-zoom-in">
            </button>
            <button class="fatos-ctrl-icon fatos-ctrl-zoom-out">
            </button>
            <button class="fatos-ctrl-icon fatos-ctrl-compass">
            </button>
            <button class="fatos-ctrl-icon fatos-ctrl-pitch">
            </button>
            <button class="fatos-ctrl-icon fatos-ctrl-satellite">
            </button>
            <button class="fatos-ctrl-icon fatos-ctrl-leftBearing">
            </button>
            <button class="fatos-ctrl-icon fatos-ctrl-rightBearing">
            </button>
            <button class="fatos-ctrl-icon fatos-ctrl-fullscreen">
            </button>
            <button class="fatos-ctrl-icon fatos-ctrl-geolocate">
            </button>
        </div>
    </div>
</div>

# onBtnAll()

You can create the top right button bar.

# Example

map.onBtnAll()

# offBtnAll()

You can remove the top right button bar.

# Example

map.offBtnAll()

# onBtnZoom()

You can create the top right zoom-in and zoom-out buttons.

# Example

map.onBtnZoom()

# offBtnZoom()

You can remove the top right zoom-in and zoom-out buttons.

# Example

map.offBtnZoom()

# onBtnCompass()

You can create the top right compass button.

# Example

map.onBtnCompass()

# offBtnCompass()

You can remove the top right compass button.

# Example

map.offBtnCompass()

# onBtnPitch()

You can create the top right pitch button.

# Example

map.onBtnPitch()

# offBtnPitch()

You can remove the top right pitch button.

# Example

map.offBtnPitch()

# onBtnSatellite()

You can create the top right satellite button.

# Example

map.onBtnSatellite()

# offBtnSatellite()

You can remove the top right satellite button.

# Example

map.offBtnSatellite()

# onBtnBering()

You can create the top right left-bering and right-bering buttons.

# Example

map.onBtnBering()

# offBtnBering()

You can remove the top right left-bering and right-bering buttons.

# Example

map.offBtnBering()

# onBtnFullScreen()

You can create the top right full-screen button.

# Example

 map.onBtnFullScreen()

# offBtnFullScreen()

You can remove the top right full-screen button.

# Example

 map.offBtnFullScreen()

# onBtnGeoLocate()

You can create the top right geographic location button.

# Example

 map.onBtnGeoLocate()

# offBtnGeoLocate()

You can remove the top right geographic location button.

# Example

 map.offBtnGeoLocate()