React Google Maps - Geolocation with React and TypeScript
#googlemaps #reactjs #typescript
Rapid API (https://rapidapi.com/marketplace?utm_...)
In this tutorial, you'll learn how to create a Google Map with React.js and Typescript. The app will find the nearest bars both by click and geolocation.
Starter files: https://github.com/weibenfalk/barfinder
Chapters in video:
0:00 - Intro
0:50 - Tech used and starter files
7:29 - Create the Google Map
19:17 - API data and Map Markers
41:25 - API for water data
55:49 - Geolocation
The following libraries are used in the video:
Typescript (https://www.typescriptlang.org/)
React JS (https://reactjs.org/)
Styled Components (https://styled-components.com/)
React-Query (https://react-query.tanstack.com/)
Google Maps (https://developers.google.com/maps/do...)
@react-google-maps/api (https://www.npmjs.com/package/@react-...)
Support me by subscribing to this channel ❤️
Do you want to master #react, #gatsby, or #svelte fast? ⏩ 🚀 👩🚀
Check out my premium courses at https://www.weibenfalk.com
—
Find me somewhere below:
Website: https://www.weibenfalk.com
Udemy: https://www.udemy.com/user/thomas-928/
Linkedin: / thomas-weibenfalk-76356611
Twitter: / weibenfalk
Github: https://github.com/weibenfalk
FreeCodeCamp: https://www.freecodecamp.org/news/aut...
Dev.to: https://dev.to/weibenfalk