Probeer het zelf

Typ een adres en zie direct hoe de autocomplete werkt.

Geselecteerd adres

Selecteer een adres om het resultaat te zien

Twee manieren om te integreren

Kies de methode die het beste bij je project past. Het resultaat is hetzelfde.

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