Filter By Locality

Display address results that matches the chosen locality, like a post town (post_town) using queryOptions.

Only addresses with exactly matching locality will be suggested.

JavaScript

 
AddressFinder.setup({
    apiKey: "ak_test",
    queryOptions: {
        post_town: "Glasgow"
    },
    outputFields: {
        line_1: "#first_line",
        line_2: "#second_line",
        line_3: "#third_line",
        post_town: "#post_town",
        postcode: "#postcode",
    }
});

HTML

<form>
    <h1>Address Form</h1>
    <label for="line_1">Address First Line</label>
    <input type="text" id="line_1" />
    <label for="line_2">Address Second Line</label>
    <input type="text" id="line_2" />
    <label for="line_3">Address Third Line</label>
    <input type="text" id="line_3" />
    <label for="post_town">Town or City</label>
    <input type="text" id="post_town" />
    <label for="postcode">Postcode</label>
    <input type="text" id="postcode" />
</form>

Live Demo

Loading...