Manual address entry

Canadian checkout demo - Shows a simple checkout page, configured for capturing a Canadian address. The autocomplete widget provides the search capability and the selected address elements are populated into the relevant form fields.

Capturing Address Metadata - Demonstrates capturing several of our metadata attributes, and saving them into hidden fields on a form. In this example, we capture GPS coordinates, the meshblock ID, the NZ Post DPID field and also the name of the region. The example of the AddressFinder widget showcases some of the extra data that can be collected along side each Address. The addresses GPS location, meshblock ID and DPID are all collected in this example.

Nearby address helper - The example shows the nearby address helper function. Clicking the compass icon triggers the collection of the device's GPS coordinates and then uses these to search for addresses in that area.

Open Street Maps Address Geocoding with SA1 - The example shows how you can capture AddressFinder data and populate it on Open Street Maps while also obtaining SA1 metadata. It functions for both AU and NZ.

Populate fields using querySelector function - Most of our code examples use the ID of a form input field to populate data when an address is autocompleted. However, not all forms use "IDs" to Identify fields. In this example we use the querySelector function to identify the fields and populate the data. In this case we use the field's name to identify the fields.