Integrate Google Places Map to display on the next node after the user enters Google address autocomplete

Introduction:

This guide provides custom scripts to move the users to the next node the moment they click any address from the Google Places Address validation dropdown.

Step by Step Guide:

Step 1: Enable Google Address Autocomplete

Step 2: Map Google Address API Fields to Leadshook Custom Fields

Step 3: Create Q&A node and Select “Address” as node type

Step 4: Create node level script and paste the code below:

<script>
  encodeURI({formatted_address})
</script>

Step 5: The next node can be information node or results node. Paste this code inside the node content.

<p><iframe height="500px" src="https://maps.google.com/maps?q=${formatted_address}&amp;output=embed" width="100%"></iframe></p>

Tagged: