google-maps-in-react
google-maps-in-react copied to clipboard
:pushpin: Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox
Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox
******* PLEASE STAR MY REPO TO SUPPORT ME 🙏 ******
Please follow me 🙏 on twitter and github
Description :clipboard:
Demo App for Autocomplete Location Search, Draggable marker and Infobox using Google Maps API and React .
Autocomplete Location Search Demo :video_camera:
Drag the marker
Use :point_right:
- Get your API Key from developers.google.com. You can also watch tutorial to Get API Key
- Add your Google Maps Key in
./client/src/client-config.js
GoogleMapsAPI = 'xxxxx';
Installation Instructions :wrench:
- Clone the repo using
git clone https://github.com/imranhsayed/google-maps-in-react
-
cd google-maps-in-react
-
npm install
-
cd client
-
npm install
-
cd ..
-
npm run dev
Built With :zap:
- Node
- Express
- React
- Create React App
- Google Maps API
Tutorial Videos :video_camera:
- Get API Key
- Autocomplete Location Search | Draggable Marker Part 1
- Autocomplete Location Search | Draggable Marker Part 2