Dynamic address search and display on Google Map

Wappler General How To
#1

Hi,

Needing help with developing a dynamic search field, that dynamically displays address and places a pin on the Google map below it?

Anyone can help?

Thank you!
Screen Shot 2021-08-10 at 2.11.15 pm|681x500

#2

I managed to partly work it out using two tutorials (Using Google Places Search and Using Google Places Autocomplete)
But having difficulties placing a dynamic Marker on the map from the autocomplete field?

Any suggestions/help?

Thanks.

#3

Step 1 - Create your Google Map
Step 2 - Create your Autocomplete and select your map from the map dropdown. Also tick the “Move Map” box
Step 3 - Under your map, create a marker. Set the Dynamic Attributes for Latitude and Longitude to the Latitude and Longitude from your Autocomplete

Voila!

1 Like
#4

Thank you @Heather_Mann. Worked like a charm.