Probeer het zelf

Typ een adres en zie direct hoe de autocomplete werkt.

Geselecteerd adres

Selecteer een adres om het resultaat te zien

Lookup modus

Voer een postcode en huisnummer in, straat en plaats worden automatisch ingevuld.

API response

Voer een postcode in om het resultaat te zien

Twee manieren om te integreren

Kies tussen twee soorten integraties, zie hieronder voor voorbeelden of bekijk de documentatie

Data Attributen

Zero JavaScript

Voeg data-attributen toe aan een input en het werkt direct. Geen JavaScript nodig. 

<!-- Load the script -->
<script src="/places-autocomplete.js"></script>

<!-- Add data attributes -->
<input
  type="text"
  data-places-autocomplete
  data-places-api-key="pk_live_xxx"
  data-places-country="NL,BE,LU"
/>

JavaScript API

Volledige controle

Initialiseer via JavaScript voor meer controle over opties en gedrag. 

const input =
  document.getElementById("address");

PlacesAutocomplete.init(input, {
  apiKey: "pk_live_xxx",
  country: "NL,BE,LU",
  limit: 5
});

input.addEventListener("places:select",
  (e) => console.log(e.detail)
);

Klaar om te integreren?

Maak gratis een account aan en je hebt direct een API key.

Gratis beginnen Bekijk de docs