How to load Maps JavaScript API in React (2023)

Опубликовано: 02 Ноябрь 2023
на канале: Google Maps Platform

71,534

721

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 → https://goo.gle/3FFYhKm
Get an API Key → https://goo.gle/js-api-key
Get a Map ID → https://goo.gle/get-map-id
Homepage for vis.gl/react-google-maps → https://goo.gle/47cOk38

Watch more Geocasts → https://goo.gle/Geocasts
Subscribe to Google Maps Platform → https://goo.gle/GoogleMapsPlatform

#GoogleMapsPlatform #Geocasts