🌍 Geoapify Geocoder Autocomplete

A comprehensive collection of demos showcasing the integration of our address autocomplete library with popular mapping libraries. Each demo demonstrates different use cases and integration patterns.

📝 Basic Address Form

A comprehensive address input form with street, city, state, and country autocomplete fields. Perfect for e-commerce, registration forms, and any application requiring address collection.

Features: Multi-field address input, automatic field population, address validation, theme switching, loading indicators
Tech: Vanilla JavaScript, CSS themes, Geoapify Geocoding API
View Demo →

🍃 Leaflet Integration

Interactive map with address autocomplete integration. Users can search for addresses and see them marked on the map with automatic panning and custom markers.

Features: Interactive map, address search, marker placement, map panning, custom icons, theme switching
Tech: Leaflet.js, Geoapify Maps API, Custom marker icons, CSS themes
View Demo →

🗺️ MapLibre GL Integration

Advanced vector map with address autocomplete and reverse geocoding. Click anywhere on the map to get the address, or search for addresses to place markers.

Features: Vector tiles, address search, reverse geocoding, smooth animations, navigation controls, theme switching
Tech: MapLibre GL, Vector tiles, Reverse geocoding, Smooth animations, CSS themes
View Demo →

Need help? Check out our NPM package and GitHub repository for more information.