# MapboxNavigationControl

Display navigation controls on the map, including two zoom buttons + - and a compass button to rotate the map.

Table of contents

# Examples

# Basic usage






 



<template>
  <mapbox-map
    style="height: 400px;"
    :access-token="MAPBOX_API_KEY"
    map-style="mapbox://styles/mapbox/streets-v11">
    <mapbox-navigation-control position="bottom-right" />
  </mapbox-map>
</template>

# Props

# position

  • Type: String
  • Default: top-right

The position for the navigation control.

# showCompass

  • Type: Boolean
  • Default: true

Show the compass button with the navigation control.

# showZoom

  • Type: Boolean
  • Default: true

Show the zoom button with the navigation control.

# visualizePitch

  • Type: Boolean
  • Default: false

If true the pitch is visualized by rotating Y-axis of compass.