This repo contains sample applications demonstrating different ways to integrate with the Mappedin SDK for React Native to render maps and build a custom indoor mapping experience. To learn more about ways to integrate with Mappedin, refer to developer.mappedin.com.
The Mappedin SDK for React Native enables you to build powerful and highly flexible indoor mapping experiences natively on Android and iOS.
To read more about the Mappedin SDK for React Native, refer to Getting Started with Mappedin SDK for React Native and additional guides in the Mappedin developer docs.
The sample projects in this repo provide a client Id and client secret to access demo venues. Production apps will need their own unique client ID and client secret. Contact your Mappedin representative in order to obtain identifiers for your venues.
The following table list the sample applications that pertain to the latest version of the Mappedin SDK for React Native. PlaygroundSamples lists the activity name after the sample name.
| Sample Name | Description | Guide |
|---|---|---|
| PlaygroundSamples - ABWayfinding | Demonstrates drawing directions on the map from one location to another. | Wayfinding |
| PlaygroundSamples - AddInteractivity | Demonstrates capturing when a user touches a polygon and changes the polygon color. | Interactivity |
| PlaygroundSamples - BlueDot | Demonstrates showing the user's location on the map as a blue dot. Uses clicked location coordinates to simulate movement. | Blue Dot |
| PlaygroundSamples - CameraControls | Demonstrates moving the camera to change the way the map is viewed. | Camera Controls |
| PlaygroundSamples - Labels | Demonstrates displaying and changing the style of flat and floating labels. | Floating Labels or Flat Labels |
| Playground Samples - Level Selector | Demonstrates switching between maps for venues with multiple floors. | Level Selection |
| PlaygroundSamples - List Categories | Demonstrates listing all categories for a venue. | |
| PlaygroundSamples - List Locations | Demonstrates getting the name, description and icon for all locations and displaying them in a list. | Locations |
| PlaygroundSamples - Markers | Demonstrates placing markers on the map where a user touches. | Markers |
| PlaygroundSamples - Render Map | Demonstrates displaying a map. | Getting Started with Mappedin SDK for React Native |
| PlaygroundSamples - Search | Demonstrates a text search for a location name. | Search |
| PlaygroundSamples - Tooltips | Demonstrates using tooltips to display information on a map. | Tooltips |
| PlaygroundSamples - Turn By Turn Directions | Demonstrates retrieving and showing turn by turn directions between two points on the map. | Turn by Turn Directions |