Building an interactive map with Google Maps Platform and React - Crash Course

Поделиться
HTML-код
  • Опубликовано: 31 июл 2024
  • Looking for a crash course on how to build amazing, interactive maps with React and Google Maps Platform? In this video, Leigh Halliday - Engineering manager at Wrapbook - teaches you how to take your maps to the next level. He’ll discuss the basics of using Google Maps in React, how to cluster markers, apply custom styles using a Map ID, and more. Watch this video for a crash course in using React with Google Maps!
    Subscribe to the Google Maps Platform RUclips → goo.gle/GMapsPlatform
    Follow Google Maps Platform on Twitter → goo.gle/GoogleMapsTwitter
    Check out Google Maps Platform’s blog → goo.gle/33YHvRV
    Source code → goo.gle/3K7y07Z
    Starter code → goo.gle/3IDkfxu
    Chapters:
    00:00 - Introduction
    01:25 - Loading Google Maps Script
    05:30 - Rendering Google Map in React
    15:40 - Customizing Styles & Map ID
    19:35 - Google Places Search
    31:30 - Displaying Office Marker
    34:40 - Showing Circles on Map
    36:45 - Rendering Houses
    39:35 - Clustering Markers
    40:55 - Displaying Directions
    47:15 - Calculating Distance and Time

Комментарии • 172