1. Home
  2. Developer API information
  3. Nearby Switzerland Step by step

Nearby Switzerland Step by step

Return Swiss postal codes within range of a given postal code

Note: This is the documentation for the v2 API which is still in beta.

Set up a quick form to try out the Swiss Range functionality by following the steps below.

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 Range 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.