{"id":26926572,"url":"https://github.com/danieldev219/google-maps-in-react","last_synced_at":"2026-05-03T02:41:04.002Z","repository":{"id":283446594,"uuid":"948505573","full_name":"danieldev219/google-maps-in-react","owner":"danieldev219","description":"📌 Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox","archived":false,"fork":false,"pushed_at":"2025-03-14T13:31:40.000Z","size":36172,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T03:38:01.935Z","etag":null,"topics":["autocomplete","draggable","google","google-maps-api","infobox","javascript","location","location-search","maps","maps-api","marker","marker-tracking","react","reactjs"],"latest_commit_sha":null,"homepage":"https://codeytek.com/course/google-maps-in-react-course/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/danieldev219.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-03-14T13:06:31.000Z","updated_at":"2025-03-14T14:24:36.000Z","dependencies_parsed_at":"2025-03-20T09:52:03.388Z","dependency_job_id":null,"html_url":"https://github.com/danieldev219/google-maps-in-react","commit_stats":null,"previous_names":["danieldev219/google-maps-in-react"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/danieldev219/google-maps-in-react","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev219%2Fgoogle-maps-in-react","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev219%2Fgoogle-maps-in-react/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev219%2Fgoogle-maps-in-react/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev219%2Fgoogle-maps-in-react/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/danieldev219","download_url":"https://codeload.github.com/danieldev219/google-maps-in-react/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/danieldev219%2Fgoogle-maps-in-react/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32556771,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T00:31:16.350Z","status":"online","status_checked_at":"2026-05-03T02:00:09.297Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["autocomplete","draggable","google","google-maps-api","infobox","javascript","location","location-search","maps","maps-api","marker","marker-tracking","react","reactjs"],"created_at":"2025-04-02T03:33:27.708Z","updated_at":"2026-05-03T02:41:03.975Z","avatar_url":"https://github.com/danieldev219.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Google Maps in React: Autocomplete Location Search | Draggable Marker | Marker Infobox\n\n******* PLEASE STAR MY REPO TO SUPPORT ME 🙏 ******\n\nPlease follow me 🙏 on [telegram](https://t.me/superonedev) and github\n\n## Description :clipboard:\n\u003e Demo App for Autocomplete Location Search, Draggable marker and Infobox using Google Maps API and React .\n\n![](google-maps-image.jpg)\n\n## Autocomplete Location Search Demo :video_camera:\n![](google-maps.gif)\n\n\n## Drag the marker\n![](Drag-marker.gif)\n\n## Use :point_right:\n\n1. Get your API Key from [developers.google.com](https://developers.google.com/maps/documentation/javascript/get-api-key).\nYou can also watch tutorial to [Get API Key](https://www.youtube.com/watch?v=yhhkNtdg5x0\u0026feature=youtu.be)\n2. Add your Google Maps Key in `./client/src/client-config.js`\n\n``` ruby\nGoogleMapsAPI = 'xxxxx';\n\n```\n\n## Installation Instructions :wrench:\n\n1. Clone the repo using `git clone https://github.com/imranhsayed/google-maps-in-react`\n2. `cd google-maps-in-react`\n3. `npm install`\n4. `cd client`\n5. `npm install`\n7. `cd ..`\n8. `npm run dev`\n\n## Built With :zap:\n\n1. Node\n2. Express\n3. React\n4. Create React App\n5. Google Maps API\n\n## Tutorial Videos :video_camera:\n\n* [Get API Key](https://www.youtube.com/watch?v=yhhkNtdg5x0\u0026feature=youtu.be)\n* [Autocomplete Location Search | Draggable Marker Part 1](https://youtu.be/4z4hxEHlsxc)\n* [Autocomplete Location Search | Draggable Marker Part 2](https://youtu.be/xIYAV6IP4gA)\n\n## Useful Links :link:\n\n* [Autocomplete Location Search Blog](https://codeytek.com/google-maps-in-react-autocomplete-location-search-draggable-marker-marker-infobox/)\n\n## License\n\n[![License](http://img.shields.io/:license-mit-blue.svg?style=flat-square)](http://badges.mit-license.org)\n\n- **[MIT license](http://opensource.org/licenses/mit-license.php)**\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanieldev219%2Fgoogle-maps-in-react","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdanieldev219%2Fgoogle-maps-in-react","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdanieldev219%2Fgoogle-maps-in-react/lists"}