Show Map

This sample app includes several interactive examples demonstrating the capabilities of the Sovereign Solutions Map SDK. You can navigate between them using the built-in screen switcher.

---

Configuration

Before rendering the map or using any API endpoints, you must initialize the SDK by setting your access token. We recommend doing this at the entry point of your application (e.g., App.tsx or index.js).

import { SSMap } from '@sovereignsolutions/ssmap-react-native';

// Initialize the SDK with your api key
SSMap.setAPIKey("YOUR_API_KEY");

Show Map

Location: src/screens/ShowMapScreen.tsx

A basic map implementation with camera controls and user location.

<Map style={styles.map} mapStyle={MapStyles.BRIGHT}>
  <Camera ref={cameraRef} initialViewState={{ center: [77.2090, 28.6139], zoom: 11 }} />
  <UserLocation />
</Map>

---

See also: Get Started, React Native Map SDK overview.