Interactive Demos
Explore how the Geoapify Geocoder Autocomplete works in real-world scenarios. You can try it directly in the online playground or experiment with live examples that demonstrate integration with maps, address forms, and custom geocoding logic.
API Playground
Test the autocomplete behavior interactively in the Geoapify Playground. Experiment with different parameters such as input text, bias options, country filters, and language to see how the suggestions adapt in real time.
JSFiddle Demos
Address Autocomplete with Maps
Live examples showing how to integrate the autocomplete field with map libraries:
Address Form Examples
Simple address form demos showcasing how to implement address search and autocomplete for user input:
Shipping and Delivery Example
Demonstrates how to retrieve precise address details for delivery and logistics:
Custom Geocoding Example
Demonstrates how to configure a custom geocoding function to return countries, states, cities, and counties using Geoapify’s Address Autocomplete API:
Live Demo Collection
A full set of ready-to-run demo projects is available in the repository. These examples show how to use the autocomplete in various contexts, from simple forms to complex map integrations.
| Preview | Description | ||
|---|---|---|---|
![]() |
One Field Address Form — Single-field input with autocomplete | Open | Source |
![]() |
Multi-field Address Form — Step-by-step input from country to house number | Open | Source |
![]() |
Address Form with Map — Combined address search and interactive map | Open | Source |
![]() |
Autocomplete Features — Types — Filtering by location type | Open | Source |
![]() |
Autocomplete Features — Filters & Bias — Demonstrates filter and bias options | Open | Source |
![]() |
Autocomplete Features — Events — Shows available events and callbacks | Open | Source |
![]() |
Places Search — No Map — Category search with built-in places list | Open | Source |
![]() |
Leaflet Integration — Interactive map with address search and markers | Open | Source |
![]() |
Leaflet with Custom Places UI — Category search with custom places list | Open | Source |
![]() |
Leaflet with Built-in Places List — Category search with built-in places list | Open | Source |
![]() |
MapLibre GL Integration — Vector map with reverse geocoding on click | Open | Source |









