In this Geocast, Leigh Halliday teaches you how to use WebGL Overlay View and Three.js to incorporate 3D objects and camera animations into a React app. Learn how to query the Directions API, then animate the path of a 3D object from origin to destination on the map.

Resources:
Source code for this episode → https://goo.gle/3JX9xVP
Documentation → https://goo.gle/3ndH0T8

Chapters:
0:00 Intro
0:40 Loading the Map
4:32 Getting directions
16:56 Rendering the directions path on the map
20:06 Adding a ThreeJS overlay
32:28 Adding a 3D car model to the map
38:10 Animating the car model along the directions path
43:00 Recap

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

#GoogleMapsPlatform #Geocasts