Google Maps in React: Autocomplete Location 搜索 | Draggable Marker | Marker Infobox

******* PLEASE STAR MY REPO TO SUPPORT ME 🙏 ******

Please follow me 🙏 on twitter and github

Description 📋

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

Autocomplete Location 搜索 Demo 📹

Drag the marker

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 in ./client/src/client-config.js

GoogleMapsAPI = 'xxxxx';

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 搜索 | Draggable Marker Part 1
• Autocomplete Location 搜索 | Draggable Marker Part 2

Useful Links 🔗

• Autocomplete Location 搜索 Blog

License

• MIT license