mappls-map-react-native/docs/snapshotManager.md

A Mappls GL react native module for creating custom maps

<!-- This file was autogenerated from snapshotManager.js do not modify -->
## <MapplsGL.snapshotManager />
### The snapshotManager generates static raster images of the map.<br/>Each snapshot image depicts a portion of a map defined by an SnapshotOptions object you provide.<br/>The snapshotter generates the snapshot asynchronous.


### methods
#### takeSnap(options)

Takes a snapshot of the base map using the provided Snapshot options. NOTE pitch, heading, zoomLevel only works when centerCoordinate is set!

##### arguments
| Name | Type | Required | Description  |
| ---- | :--: | :------: | :----------: |
| `options` | `SnapshotOptions` | `Yes` | Snapshot options for create a static image of the base map |



```javascript
// creates a temp file png of base map
const uri = await MapplsGL.snapshotManager.takeSnap({
  centerCoordinate: [-74.126410, 40.797968],
  width: width,
  height: height,
  zoomLevel: 12,
  pitch: 30,
  heading: 20,
  styleURL: MapplsGL.StyleURL.Dark,
  writeToDisk: true, // Create a temporary file
});

// creates base64 png of base map without logo
const uri = await MapplsGL.snapshotManager.takeSnap({
  centerCoordinate: [-74.126410, 40.797968],
  width: width,
  height: height,
  zoomLevel: 12,
  pitch: 30,
  heading: 20,
  styleURL: MapplsGL.StyleURL.Dark,
  withLogo: false, // Disable Mappls logo (Android only)
});

// creates snapshot with bounds
const uri = await MapplsGL.snapshotManager.takeSnap({
  bounds: [[-74.126410, 40.797968], [-74.143727, 40.772177]],
  width: width,
  height: height,
  styleURL: MapplsGL.StyleURL.Dark,
});
```