krispi1 / google-maps-in-react

:pushpin: Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox

Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox

Description 📋

Demo App for Autocomplete Location Search, Draggable marker and Infobox using Google Maps API and React .

Autocomplete Location Search Demo 📹

Use 👉

1. Get your API Key from developers.google.com. You can also watch tutorial to Get API Key
2. Add your Google Maps Key ./client/src/components/Map.js

Geocode.setApiKey( "xxxxxxxxxx" );

Installation Instructions 🔧

1. Clone the repo using git clone https://github.com/imranhsayed/google-maps-in-react
2. cd google-maps-in-react
3. npm install
4. cd client
5. npm install
6. cd ..
7. npm run dev

Built With ⚡

1. Node
2. Express
3. React
4. Create React App
5. Google Maps API

Tutorial Videos 📹

• Get API Key
• Autocomplete Location Search | Draggable Marker Part 1
• Autocomplete Location Search | Draggable Marker Part 2

Useful Links 🔗

• Autocomplete Location Search Blog

License

• MIT license