Learn how to use the Maps JavaScript API in React. In this step-by-step 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 Google-sponsored, vis.gl managed library for React components and hooks that bring Google map elements and services into your web app.
npm install @vis.gl/react-google-maps
Chapters:
0:00 - Intro
0:32 - Installing the API
1:34 - Installing the @vis.gl/react-google--maps 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 → goo.gle/3FFYhKm
Get an API Key → goo.gle/js-api...
Get a Map ID → goo.gle/get-ma...
Homepage for vis.gl/react-google-maps → goo.gle/47cOk38
Watch more Geocasts → goo.gle/Geocasts
Subscribe to Google Maps Platform → goo.gle/Google...
#GoogleMapsPlatform #Geocasts
14 авг 2024