mansi-dev
8710bc7a7f
- Create README for the main repository and example app - Implement example app with MapView and Marker components - Add package.json for example app with necessary scripts and dependencies - Create Map SDK package with TypeScript wrapper around react-native-maps - Define TypeScript configuration for the SDK
34 lines
866 B
Markdown
34 lines
866 B
Markdown
# @lynkedup/map-sdk
|
|
|
|
A small TypeScript wrapper around `react-native-maps` to provide a consistent API and typed components.
|
|
|
|
## Usage
|
|
|
|
Install peer deps in your app:
|
|
|
|
```
|
|
npm install react-native react-native-maps
|
|
# and add this package via workspace or npm/yarn
|
|
```
|
|
|
|
Basic usage:
|
|
|
|
```ts
|
|
import React from 'react';
|
|
import { MapView, Marker } from '@lynkedup/map-sdk';
|
|
|
|
export default function App() {
|
|
return (
|
|
<MapView
|
|
style={{ flex: 1 }}
|
|
initialRegion={{ latitude: 37.78825, longitude: -122.4324, latitudeDelta: 0.0922, longitudeDelta: 0.0421 }}
|
|
>
|
|
<Marker coordinate={{ latitude: 37.78825, longitude: -122.4324 }} />
|
|
</MapView>
|
|
);
|
|
}
|
|
```
|
|
|
|
## Notes
|
|
- This package delegates to `react-native-maps` for platform implementations. Follow `react-native-maps` docs for iOS/Android setup (Google Maps API key, pods, manifest permissions).
|