On this page

Type Alias CameraOptions

CameraOptions: CenterZoomBearing & {
    elevation?: number;
    pitch?: number;
    roll?: number;
}

Options common to Map.jumpTo, Map.easeTo, and Map.flyTo, controlling the desired location, zoom, bearing, pitch, and roll of the camera. All properties are optional, and when a property is omitted, the current camera value for that property will remain unchanged.

Type Declaration

  • Optionalelevation?: number

    The elevation of the center point in meters above sea level.

  • Optionalpitch?: number

    The desired pitch in degrees. The pitch is the angle towards the horizon measured in degrees with a range between 0 and 60 degrees. For example, pitch: 0 provides the appearance of looking straight down at the map, while pitch: 60 tilts the user's perspective towards the horizon. Increasing the pitch value is often used to display 3D objects.

  • Optionalroll?: number

    The desired roll in degrees. The roll is the angle about the camera boresight.

Set the map's initial perspective with CameraOptions

let map = new Map({
  container: 'map',
  style: 'https://demotiles.maplibre.org/style.json',
  center: [-73.5804, 45.53483],
  pitch: 60,
  bearing: -60,
  zoom: 10
});
Was this helpful?
SDK JS
Reference
CameraOptions