https://github.com/matheusfdosan/react-native-map
Um aplicativo de mapas interativos com React Native, utilizando bibliotecas como React Native Maps para exibir e personalizar mapas em dispositivos móveis.
https://github.com/matheusfdosan/react-native-map
expo expo-location maps react-native react-native-maps
Last synced: 12 months ago
JSON representation
Um aplicativo de mapas interativos com React Native, utilizando bibliotecas como React Native Maps para exibir e personalizar mapas em dispositivos móveis.
- Host: GitHub
- URL: https://github.com/matheusfdosan/react-native-map
- Owner: matheusfdosan
- License: mit
- Created: 2025-03-24T00:47:58.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-03-24T00:59:48.000Z (12 months ago)
- Last Synced: 2025-03-24T01:35:45.931Z (12 months ago)
- Topics: expo, expo-location, maps, react-native, react-native-maps
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Projeto de Mapas com React Native
Este projeto é uma aplicação móvel que utiliza React Native para criar uma interface de mapas interativos, permitindo visualizar localizações, adicionar marcadores e explorar funcionalidades de geolocalização em dispositivos iOS e Android.
---
## Descrição
Este projeto demonstra como integrar mapas em um aplicativo React Native usando a biblioteca `react-native-maps` (ou outra API de mapas, como Google Maps). A aplicação exibe um mapa funcional com a possibilidade de adicionar marcadores personalizados, rastrear a localização do usuário e interagir com o mapa por meio de gestos como zoom.
## Funcionalidades
- Exibição de mapas interativos.
- Adição de marcadores em coordenadas específicas.
- Suporte à geolocalização para exibir a posição atual do usuário.
- Compatibilidade com iOS e Android.
## Instalação
Siga os passos abaixo para configurar o projeto localmente:
1. **Clone o repositório:**
```bash
git clone https://github.com/matheusfdosan/react-native-map.git
cd react-native-map
npm install
```
2. **Instale as dependências:**
```bash
yarn install
# ou
npm install
```
3. **Inicie o Metro Bundler:**
```bash
npx expo start
```
## Uso
- Ao iniciar o aplicativo, você verá um mapa centralizado em uma localização padrão (ex.: coordenadas definidas no código).
- Use gestos para navegar pelo mapa (pinch para zoom, arrastar para mover).
- Clique em um botão (se implementado) ou interaja com a interface para adicionar marcadores ou ativar a geolocalização.
Exemplo de código básico para exibir o mapa:
```jsx
import MapView from "react-native-maps"
export default function App() {
return (
)
}
```
## Licença
Este projeto está licenciado sob a [MIT License](LICENSE).
## Agradecimentos
- Inspirado em tutoriais como o vídeo [Projeto de Mapas com React Native](https://www.youtube.com/watch?v=7DY1tHHudtM).