https://github.com/kerlossony/google-map
it`s a hand made code for google maps component in React typescrip you only need to download it and put the component in a div
https://github.com/kerlossony/google-map
functions google google-maps-api react reactjs typescript
Last synced: about 1 month ago
JSON representation
it`s a hand made code for google maps component in React typescrip you only need to download it and put the component in a div
- Host: GitHub
- URL: https://github.com/kerlossony/google-map
- Owner: KerlosSoNy
- Created: 2024-08-27T09:17:27.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-28T11:31:02.000Z (about 1 year ago)
- Last Synced: 2025-03-17T12:27:04.759Z (7 months ago)
- Topics: functions, google, google-maps-api, react, reactjs, typescript
- Language: TypeScript
- Homepage:
- Size: 13.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Google Map Project
This project is a simple implementation of Google Maps using React. It allows users to interact with the map, search for locations, and add custom markers.
## Features
- Displays an interactive Google Map.
- Allows users to search for specific locations.
- Supports adding custom markers to the map.
## Installation
1. Clone the repository:
```bash
git clone https://github.com/KerlosSoNy/Google-Map.git
```
2. Navigate to the project directory:
```bash
cd Google-Map
```
3. Install dependencies:
```bash
npm install
```
4. Obtain a Google Maps API Key:
Visit the Google Cloud Console.
Create a new project or use an existing one.
Enable the Google Maps JavaScript API.
Generate an API key.
Add the API Key to your project:
Create a .env file in the root directory.
Add the following line:
REACT_APP_GOOGLE_MAPS_API_KEY=your_api_key_here
Run the project:
npm start
## **Contributing**
If you'd like to contribute to this project, please follow these steps:
1-Fork the repository.
2-Create a new branch with your feature or bugfix.
3-Make your changes and commit them.
4-Push to your branch.
5-Create a pull request.
## **License**
This project is licensed under the MIT License. See the LICENSE file for more details.
## **Acknowledgments**
React
Google Maps JavaScript API