Learn how to use the Maps JavaScript API in React. In this stepbystep tutorial, Leigh Halliday demonstrates how to get up and running with React and Google Maps Platform in 5 minutes. Watch how to use the new Googlesponsored, vis.gl managed library for React components and hooks that bring Google map elements and services into your web app.
npm install @vis.gl/reactgooglemaps
Chapters:
0:00 Intro
0:32 Installing the API
1:34 Installing the @vis.gl/reactgooglemaps package
2:39 Setting up a map ID
3:14 Adding markers
4:18 Adding info windows to markers
6:02 Wrap up
Links:
Source code → https://goo.gle/3FFYhKm
Get an API Key → https://goo.gle/jsapikey
Get a Map ID → https://goo.gle/getmapid
Homepage for vis.gl/reactgooglemaps → https://goo.gle/47cOk38
Watch more Geocasts → https://goo.gle/Geocasts
Subscribe to Google Maps Platform → https://goo.gle/GoogleMapsPlatform
#GoogleMapsPlatform #Geocasts