Edoardo (Directory Portal)Web Development & API
WordPress Real Estate Map
Full-Stack Web Developer
PHPJavaScriptLeaflet.jsWordPress APIAJAX
This project involved the complete overhaul of the mapping system for a custom WordPress directory portal. The original site struggled with rigid location filtering (city vs. province) and a static map that didn't respond dynamically to user navigation. I was tasked with engineering a seamless, interactive search experience directly within the map's viewport.
The Challenge
The major challenge lay within the commercial 'listeo' plugin. Its geographical scripts were minified, poorly documented, and rigidly hooked into standard form submits. To achieve the client's vision, I had to deeply reverse-engineer `listeo.leaflet.js` and intercept its native logic. I successfully decoupled the search strictly from the UI dropdowns, rewrote the AJAX pipeline in PHP to accurately process bounding-box bounds, and hooked directly into Leaflet's 'moveend' and 'zoomend' events. Additionally, I refined the Nominatim (OpenStreetMap) geocoding calls to correctly interpret Italian municipal vs. provincial hierarchies, ensuring that searching simply for 'Roma' correctly fetched all associated properties instantaneously.
Technical Achievements
Reverse-engineered and safely extended the minified `listeo.leaflet.js` core plugin scripts without breaking the WordPress update lifecycle.
Rewrote the AJAX property-fetching logic to dynamically query based on the active Leaflet map viewport (lat/long bounding boxes) on pan and zoom.
Optimized the Nominatim (OpenStreetMap) geocoding integration to correctly filter administrative boundaries (communes vs. provinces) across Italy.
Eliminated the need for manual form submission, significantly reducing search friction and dramatically improving the UX of the portal.