> For the complete documentation index, see [llms.txt](https://gis-hub.gitbook.io/solid-map-gl/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://gis-hub.gitbook.io/solid-map-gl/components/camera.md).

# Camera

## Props

| Name             | Type              | Description                             |
| ---------------- | ----------------- | --------------------------------------- |
| rotateGlobe      | object \| boolean | rotate map when in globe view           |
| rotateViewport   | object \| boolean | rotate map around center                |
| reverse          | boolean           | reverses the rotation direction         |
| resetWhenStopped | boolean           | returns to origin when rotation stopped |
| translate        | object            | translate viewport in 3D space          |

*\*required*\
*^default*

## Example

```jsx
import { Component, createSignal } from "solid-js";
import MapGL, { Viewport, Camera } from "solid-map-gl";
import 'mapbox-gl/dist/mapbox-gl.css';

const App: Component = () => {
  const [viewport, setViewport] = createSignal({
    center: [0, 52],
    zoom: 6,
  } as Viewport);

  return (
    <MapGL
      options={{ style: 'mb:sat_street' }}
      viewport={viewport()}
      onViewportChange={(evt: Viewport) => setViewport(evt)}
    >
      <Camera rotateViewport />
    </MapGL>
  );
};
```