Secret sauce that brings YouTube followers, views, likes
Get Free YouTube Subscribers, Views and Likes

How to add Place Autocomplete input to a map in React

Follow
Google Maps Platform

Learn how to add a Place Autocomplete input field with React. In this Geocast, Leigh Halliday builds on his 5minute quickstart to demonstrate using an opensource React component built on the Place Autocomplete service in Maps JavaScript API.

Chapters:
0:00 Intro and code overview
1:18 Defining the Place Autocomplete component
2:20 Defining the Combobox element
5:44 Handle user selection of a prediction from the list
7:09 Geocode the selected place
8:05 Generate a marker on the map at the selected place

Part 1 How to load Maps JavaScript API in React →    • How to load Maps JavaScript API in React  
Github → https://goo.gle/3KNDBAF
Place Autocomplete JavaScript documentation → https://goo.gle/3qLva1u
Google Maps JavaScript API React Wrapper on NPM → https://goo.gle/3iwDAFk
More open source libraries for Maps JavaScript API → https://goo.gle/3wE7Whc

useplacesautocomplete by wellyshen on NPM → https://goo.gle/3qLva1u
Reach combobox on NPM → https://goo.gle/36XR9uT

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

#Geocasts #React



product: Maps Platform General; fullname: _Not Listed;

posted by shiny399046