Published On Mar 23, 2023
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