A multi-button control that pans the map up, down, left and right. It also resets the map to its default zoom and center point when the center button is clicked. The control position, pan distance, and control title are customizable.


L.mapquest.key = 'KEY';

var map ='map', {
  center: [39.7392,-104.9903],
  layers: L.mapquest.tileLayer('map'),
  zoom: 12



  • options object

    An object containing any of the following key value options: position, panDistance, and title.

    • position String optional, defaults to 'topright'

      The position of the control (one of the map corners).

      Possible values are 'topleft', 'topright', 'bottomleft' or 'bottomright'.

    • panDistance Number optional, defaults to 100

      When the control is clicked, pans the map by a given number of pixels (animated) in clicked direction.

    • title String optional, defaults to 'Navigation'

      Text for the browser tooltip that appear on control hover.


      position: 'topright',
      panDistance: 100,
      title: 'Navigation'

Return Value

An L.Control object that can be added to a map with the addControl() function.

Visual Example