Wyszukiwarka nieruchomości z mapą Google

Projekt polegał na stworzeniu dynamicznej wyszukiwarki nieruchomości połączonej z mapą Google. Całość została oparta na produktach Woocommerce, jednak sama lista produktów oraz mapa napisane są od podstaw.

Użytkownik po zmianie filtrów w wyszukiwarce otrzymuje bez przeładowania strony listę pasujących nieruchomości. Następnie wyświetlane są one na mapie Google. Po kliknięciu w marker wyświetla się niewielki popup informacyjny ze szczegółami danego obiektu. Analogicznie, jeśli użytkownik zmieni położenie mapy, lista nieruchomości dynamicznie aktualizuje się, pokazując jedynie zawierające się w obecnym widoku mapy obiekty. Filtry wyszukiwarki również przeładowywane są automatycznie na podstawie rezultatów wyszukiwania, dzięki czemu unikamy wyświetlania wyników zerowych. Po wejściu na stronę nieruchomości mamy możliwość wygenerowania PDF, który zawiera wszystkie detale obiektu.

Cechy rozwiązania:

  • Dynamiczna lista produktów AJAX
  • Brak paginacji (wyniki doczytywane po osiągnięciu waypointu przy scrollowaniu)
  • Wyświetlanie nieruchomości na mapie Google z clusteringiem oraz popupem informacyjnym
  • Generowanie PDF ofertowego na podstawie detali produktu
  • Przeładowywanie filtrów w tle

Wykorzystane technologie i narzędzia:

  • WordPress
  • Woocommerce
  • PHP
  • jQuery
  • Google Maps
  • Waypoints
Generowanie PDFMapaWoocommerceWordpress