Welcome to your Expo app with Longdo Map 👋

This is an Expo project created with create-expo-app.

Get started

1. Install dependencies

   npm install

2. Start the app

    npx expo start

3. How to development

Quick Start

1. Create a New Project If you’re starting a new project, you can quickly create it using the following command:

npx create-expo-app@latest

For more details, refer to the official React Native setup documentation.

2. Install the longdomap-react-native-sdk Package You can install the package using your preferred package manager:

npm install longdomap-react-native-sdk --save

[optional]

npm add longdomap-react-native-sdk --save

[optional]

yarn add longdomap-react-native-sdk --save

3. Import the Package To use the Longdo Map in your project, you’ll need to import the package:

import Longdo from "longdomap-react-native-sdk";

4. Set your API KEY

import Longdo from "longdomap-react-native-sdk";
export default function App() {
  Longdo.apiKey = "YOUR_MAP_API_KEY";
  // Rest of your code
}

5. Use the Map Component You can now use the Longdo.MapView component to display the map:

return (
  <Longdo.MapView
    ref={(r: any) => {
      // Handle map reference here if needed
    }}
    zoom={15} // Initial zoom level
    onReady={() => {
      // Callback when the map is ready
    }}
    onClick={(location: any) => {
      // Handle click events and access location data
      console.log({ location });
    }}
    onLocation={async () => {
      // Fetch and handle map location updates
    }}
    onDrag={async () => {
      // Handle map drag events
    }}
  />
);

This setup will help you integrate Longdo Map into your React Native project using TypeScript, ensuring you have up-to-date support for Expo and React Native versions.