Autocomplete Switzerland Step by step
Autocomplete a Swiss address.
Note: This is the documentation for the v2 API which is still in beta.
Step 1: build the HTML page
We start by creating an empty HTML page, containing a minimal web page structure.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Swiss Autocomplete tutorial</title>
</head>
<body></body>
</html>
Add the following code between the <body>
and </body>
tags.
It adds the input fields for entering the address.
Step 2: add interaction
Add the following JavaScript code in a separate .js
file. The IDs and Class names of the HTML elements should match with the ones specified in this JavaScript file in order to get the correct results.
Step 3: make it work
Link the JavaScript file inside the .html
right before closing the </body>
tag. Replace {filename}
with your actual JavaScript file name.
<script src="{filename}.js"></script>
To access the Pro6PP web service, you need to request your personal authorization key. This key is emailed to you right after signing up.
Replace the above placeholder AUTH_KEY with your personal authorization key.
Step 4: see it in action
Open the .html
file in your browser. It's ready to use! It doesn't work? Try downloading the ready-to-use example code.