react-google-maps

There are 3 repositories under react-google-maps topic.

• JustFly1984 / react-google-maps-api

  React Google Maps API

  reactgoogle-mapsgoogle-maps-apireact-google-mapsreact-google-maps-apigoogle-maps-javascript-apigoogle-maps-reactgoogle-mapreact-google-mapreact-google-map-examplegatsbygoogle-maps-javascriptgoogle-map-react
  Language:TypeScript 1952

• kazhala / mealternative

  MERN stack restaurant finder and recipe sharing website

  foodgoogle-mapsmern-stackreactreact-google-mapsreactjs
  Language:JavaScript 51

• creativetimofficial / ct-black-dashboard-pro-react

  Black Dashboard PRO React: A premium Boostrap & Reactstrap Admin Template

  reactreactjsreact-routerreact-router-domreact-router-v4reactstrapbootstrapbootstrap4chartjsperfect-scrollbarreact-notification-alertreact-bootstrap-wizardreact-big-calendarreact-selectjvectormapreact-tagsinputreact-tablereact-datetimereact-bootstrap-switchreact-google-maps
  40

• tejassavaliya / react-google-map-vehicle-tracking

  Created a Single page application in ReactJS which uses the provided data from mock API which display a live tracking of a vehicle in google map

  googlemapsreactjsmaterial-uipolylinemarkersvehicle-trackingtrafficgoogle-maps-apireact-google-mapsreact-vehicle-trackinglive-tracking
  Language:JavaScript 39
• spothole

  nirbhayph / spothole

  Spothole (Citizen App) - Artificial Intelligence Powered Pothole Detection, Reporting and Management Solution

  reactjspotholespothole-detectoroauth2directions-apireact-google-mapsmui-treasurymaterial-designreporting-toolwebrtclocation-based-servicesstatic-google-mapsgeocoding-apiautocomplete-searchreverse-geocodingcustom-info-windowcustom-markersweighted-badge-scoresartificial-intelligenceobject-detection
  Language:HTML 25
• JourneyAdvisor

  TaronVardanyan / JourneyAdvisor

  Application which will allow users to find hotels, hostels and restaurants and feedback about those in whole over of world.

  gatsbyjavascriptreactjsstyled-componentseslintprettierrapidapiyarntypescriptmaterial-uireact-google-maps
  Language:JavaScript 24

• pyjun01 / react-google-map-wrapper

  React component library for rendering Google Maps

  google-mapgoogle-mapsreact-google-mapreact-google-mapsgoogle-map-reactgoogle-maps-apigoogle-maps-javascriptreact
  Language:TypeScript 16

• codica2 / google-map-popover-example

  ⚛️ An example of React custom popover for Google maps

  reactreact-google-mapspopoversexample-repocustom-popup
  Language:JavaScript 11

• MiVladie / beautyatluxx

  Beauty at Luxx is a single page application build for a beauty salon with integrated booking system.

  reactreact-google-mapsstripesass
  Language:SCSS 11

• marekdano / react-charts-and-maps

  App with D3 Charts and Google Maps

  react-componentsgithub-paged3react-google-mapsreact-highcharts
  Language:JavaScript 10
• g-mapify

  bharatpe / g-mapify

  Flexible react google map with more options of search, pick & select.

  mapgoogle-mapsgoogle-maps-javascriptreact-mapgoogle-map-reactreact-google-mapsreact-google-mapgoogle-map
  Language:JavaScript 9

• OnlyRefat / latify

  Find out Geo Co-ordinates( latitude and longitude) of a certain location using react. Demo:

  latitudedraggabledragmarkerasyncmapgoogle-mapreactrefluxreact-google-mapslongitude
  Language:JavaScript 8

• dmitru / google-map-react-examples

  A kitchensink example of using `google-map-react` to create custom maps UIs, e.g. draggable pins, auto-positioned custom tooltips; radius circles, marker clusters

  reactgoogle-map-reactgoogle-mapsreact-google-maps
  Language:TypeScript 7

• antekai / ct-med-map

  Create, edit, delete, view map locations with react and google maps API

  reactreact-google-mapsant-designcypresstravis-cinetlifyfirebasedemo
  Language:HTML 6
• travel-history-viewer

  RayMathew / travel-history-viewer

  A web app I built for my wife and myself, to look back on our travels and hikes. Created with Next.js, TailwindCSS, Google Maps API and Notion API.

  bikinghikingnextjsnotion-apitraveltypescriptgoogle-maps-apireact-google-mapstailwindcssvis
  Language:TypeScript 6

• ultimateakash / react-google-maps-drawing-manager

  Integrate Google Maps Drawing Manager in React

  drawing-managerpolygonreact-google-maps
  Language:JavaScript 6

• Jawad-H / country-app

  Country App created in Reactjs Shows Country Details around the globe and Mark it on the Map.

  reactjshooksaxiosreact-google-maps
  Language:JavaScript 5
• ReactJS-Address-Autosuggest

  weblineindia / ReactJS-Address-Autosuggest

  ReactJS based Address component which uses Google Maps Places API to autosuggest location address.

  reactjs-address-componentreact-address-autosuggestaddress-autocompletegoogle-maps-apigoogle-maps-placesgoogle-maps-places-apilocation-autocompletereact-google-mapsreactjs-google-maps-apireactjsreactjs-componentsreact-componentsreact-librariesreactjs-libraryreusable-componentsreact-demoreactjs-demoreactjs-address
  Language:JavaScript 5

• Dev-200219 / travel-mate

  Travel Mate : A Responsive App built using ReactJS and Redux powered by the Google Maps API and TripAdvisor API allows you to know about your destination's famous restaurant's, hotel's and attractions with their reviews, pricing, address and phone number and their location on map.

  functional-componentsgoogle-map-reactgoogle-maps-apimaterial-uireact-google-mapsreactjsreduxredux-thunktripadvisor-api
  Language:JavaScript 4

• goldengm / weatherapp_react

  Weather app with Google Map API (React, Google Map, TypeScript)

  reactreact-reduxlodashredux-promisereact-google-mapsaxios
  Language:JavaScript 4

• KMONIKA26 / React-leaflet-tracking-vehicle-simulation

  This project simulates a vehicle's movement on a map using React and Leaflet. It allows users to visualize the car's journey along a predefined route, starting the simulation with a button click.

  google-cloud-platformgoogle-maps-apileafletleaflet-maplive-trackingreact-google-mapsreact-leafletreact-vehicle-trackingreactjsvehicle-trackingpolyline
  Language:JavaScript 4

• reactivebear / Online-beauty-shop

  Online shop with react/redux

  reactreduxmomentreact-reduxreact-google-mapsreact-routerreact-saga
  Language:JavaScript 4

• Andohenri / Location_SIG

  🗺️ MapMarker est une application mobile React Native qui permet de découvrir des lieux à proximité et d'obtenir des directions précises en utilisant l'API Google Maps.

  google-maps-directions-androidreact-google-mapsreact-nativereduxredux-toolkitjavascripttypescript
  Language:TypeScript 3

• arnabuchiha / CGuess-game

  ⛳️ Multiplayer game where players will have to guess the city according to given images. Each player gets 60 seconds to guess the city based on the clues provided to them in a pictorial format and then mark it on the map. The time is taken and the accuracy of the marked location plays an important factor in determining your score!

  reactreact-gamereact-google-mapsgoogle-maps-gamegoogle-maps-apisocket-iomultiplayer-gamecguess
  Language:JavaScript 3

• niinpatel / weather-info-map-react

  React application that displays a map and weather information of the place when clicked.

  google-maps-apiopen-weather-map-apireactreact-google-maps
  Language:JavaScript 3
• spothole.authority

  nirbhayph / spothole.authority

  Spothole (Authority App) - Artificial Intelligence Powered Pothole Detection, Reporting and Management Solution

  reactjspothole-detectionoauth2react-google-mapsrechartsmui-datatablesmui-treasurydata-visualizationheatmapuser-managementcustom-markersaxios-restmaterial-designstacked-chartsstreet-viewreport-metricsartificial-intelligenceprocess-automationvisual-mappingcustom-info-window
  Language:HTML 3
• Starbucks-Clone

  Prem3997 / Starbucks-Clone

  Starbucks ☕️ Web Application Clone using React, React-Router, Firebase, Redux, Material-UI, React-hook-forms (for simple form validation), react-awesome-reveal, react-google-maps and the Framer Motion API.

  reactjsreact-routerframer-motionreact-awesome-revealmaterial-uireact-elastic-carouselreact-google-mapsreact-router-domreact-hook-formreact-reduxuse-mediause-places-autocomplete
  Language:JavaScript 3

• agl0809 / react-location-history-player

  Display a heat layer on the map using your Google Maps Timeline history

  reactreactjsreact-componentunit-testingjavascriptgoogle-maps-apies6react-google-maps
  Language:JavaScript 2

• smartman1234 / google-map-experiment

  Demo for google maps integration

  ant-designgoogle-maps-apireact-google-mapsreactjstypescriptvite
  Language:TypeScript 2

• Varun8177 / zomato-clone

  Zomato clone provides users with a convenient and reliable solution for finding restaurants and ordering food online.

  firebase-authfirebase-databasenextjsredux-toolkitchakra-uireact-google-maps
  Language:JavaScript 2

• videothrone / shadow-architecture

  A React based single-page website, that shows map-based curated "abandoned places" in Berlin.

  reactjsreact-hooksjavascriptnode-jsexpress-jsgoogle-maps-apireact-google-mapsjsx
  Language:JavaScript 2

• coding-vibe / trip-map-planner

  A web app that displays a travel itinerary using a sidebar and an interactive map. It loads mock trip data asynchronously and visualizes daily activities with markers.

  bootstrapreactreact-google-mapstypescriptvite
  Language:TypeScript 1

• InevitabilityBarman29 / recipe-website

  A recipe website that allows you to search for recipes and view recipe cards.

  angularcookinggoogle-mapshacktoberfest-acceptedmarkdownpandocpandoc-templatepythonreactreact-google-mapsrecipe-collectionrecipesrecipes-websitereduxstatic-site-generatorstatic-websitetypescriptwebsite
  Language:HTML 1

• kennysghub / melo

  Menu and Locations app using @vis.gl/react-google-maps for location services.

  mongodbreact-context-apireact-google-mapstypescript
  Language:TypeScript 1

• towfiqislambd / sustainable-trades

  Multi-Vendor E-Commerce Platform is a fully dynamic, responsive, and SEO-friendly built with Next.js v15 and TypeScript. It supports five user roles with individual dashboards, real-time chat, Google Maps integration, CMS control, and advanced e-commerce features — ensuring scalability, high performance, and production readiness.

  aos-animationaxiosjavasciptlaravelechomoment-jsnextjs15pusherreact-google-mapsreactdomtailwindcss-v4tanstack-react-querytypescriptlottie-reactreact-hook-form
  Language:TypeScript 1

• WalidurTanjim / agroSphere

  AgroSphere is an E-Agriculture website where users can register as Farmers, Sellers, Trainers, or Admins. Farmers share success stories, Sellers post equipment for sale, and users can comment and purchase products. Users can request role changes, which Admins can approve or reject. Built with React, Firebase, and modern libraries for a smooth exp.

  axiosfirebaseframer-motionglidejsheadlessuileafletlottie-reactlucid-reactreact-datepickerreact-fast-marqueereact-google-mapsreact-hook-formreact-hot-toastreact-parallaxreact-router-domreactjsrechartssweetalert2tailwindcsstanstackquery
  Language:JavaScript 1