WP Grid Builder - Map Facet
Mi ez és milyen problémát old meg?
A Map Facet a WP Grid Builder hivatalos kiegészítője, amellyel térképet használhatsz szűrőként. A bejegyzéseid, taxonómiáid vagy felhasználóid egy‑egy marker formájában jelennek meg a térképen, a hozzájuk rendelt szélesség/hosszúság (lat/lng) koordináták alapján. A felhasználó a térkép mozgatásával és nagyításával valós időben szűrheti az eredményeket, így könnyen építhetsz üzletkeresőt, ingatlankeresőt, esemény‑ vagy szolgáltatás‑katalógust – kódolás nélkül.
Hogyan működik röviden?
- A facettek a WP Grid Builder indexelt adatbázisát használják, ezért a szűrés gyors és folyamatos.
- A térkép Google Maps, Mapbox vagy Leaflet alapon jelenik meg.
- A markerek forrása lehet ACF/Meta Box térképmező, saját lat/lng mező, vagy bármely mező, amelyben lat/lng kulcsokkal található tömb.
- A térkép nézetéhez kötött szűrés bekapcsolható: amit a térképen látsz, azt kapod a találatokban.
- A marker‑popupok tartalma a WP REST API‑n keresztül töltődik, így a lista frissítése gördülékeny.
- A távolság szerinti rendezés akkor érhető el, ha Geolocation facetet használsz a kiinduló hely meghatározásához.
- Egy facet egy időben egy tartalmat/lekérdezést szűr.
Fő funkciók részletesen
- Több térképszolgáltató: választhatsz Google Maps, Mapbox vagy a nyílt forrású Leaflet között. Így rugalmasan illeszkedsz a projekted technikai és költségkeretéhez.
- Geolocation facet (cím/hely kereső): beírhatod a címet vagy észleltetheted a böngészővel a felhasználó aktuális pozícióját. A talált koordinátához sugár‑ és távolság‑alapú szűrést kapcsolhatsz.
- Pan to Search és térkép‑alapú szűrés: ha a felhasználó mozgatja vagy nagyítja a térképet, az eredmények automatikusan a látható területre szűkülnek. Kényelmes, „térkép, mint szűrő” élményt ad.
- Marker clustering: sok pont esetén a rendszer klasztereket képez, így a térkép áttekinthető marad. A klaszterikonok megjelenése szabályozható (méret/menyiség szerint), a csoportosítás viselkedése finomhangolható.
- Egyedi ikonok és popupok: feltételek alapján adhatsz külön marker‑ikonokat és testreszabott popup‑tartalmakat. A popupba kártyát tehetsz (ugyanazt a „card” sablont, amit a gridekhez használsz), a tartalom betöltése REST alapon történik.
- Highlight marker: amikor az egérrel egy kártyára viszel, a hozzá tartozó marker kiemelhető a térképen – intuitív kapcsolat a lista és a térkép között.
- ACF és Meta Box integráció: natív támogatás az ismert térképmezőkhöz, valamint a markerhez tartozó egyedi mezőkhöz. Nem kell adattranszformációt írnod.
- Saját lat/lng mezők: ha nincs ACF/Meta Box, a Map Facet saját mezőkkel is tud koordinátákat kezelni (posztoknál, taxonómiáknál, felhasználóknál), akár a grid előnézetéből felvéve.
- Teljesítmény és UX: az indexelt facetrendszer gyors, a több térképfacet egyoldalas használata optimalizált, a marker- és klaszterfrissítések gördülékenyek.
Gyakorlati példák
- Üzletkereső (store locator): a látogató beír egy címet, a Geolocation facet beállítja a középpontot, a térkép és a lista a megadott sugáron belüli boltokat mutatja. A „Rendezés távolság szerint” a legközelebbi találatokat hozza előre.
- Ingatlankatalógus: a térképen klaszterek jelzik a sűrű területeket; ránagyítva felbomlanak egyedi markerekre. A kártyára húzva az egeret kiemelődik a megfelelő marker.
- Esemény‑térkép: „Pan to Search” bekapcsolva csak a látható városrész eseményeit listázod. A popupban rövid kártya jelenik meg dátummal és „Részletek” gombbal.
- Turizmus/szolgáltatás‑kereső: kategória‑facetekkel kombinálva a térképet tényleges facettált keresővé teheted (pl. „Csak családbarát szállások a belvárosban”).
Előnyök és értékajánlat
- Kód nélküli megoldás: nem kell külön Google/Mapbox integrációt fejlesztened.
- Gyors és skálázható: indexelt szűrés, klaszterezés és REST‑es betöltés nagy adatállományra is.
- Rugalmas adatforrás: ACF/Meta Box vagy saját mezők – azt használod, ami már a projektben van.
- Kiemelkedő UX: „Pan to Search”, kiemelés kártya‑hoverre, egyedi ikonok és popupok – egységes felületen állítható.
- Ökoszisztéma‑integráció: a facettek bármely WP Grid Builder gridhez vagy külső lekérdezéshez kapcsolhatók; a grid megjelenítése opcionális (lehet csak térképnézet is).
Kinek ajánlott?
- Ügynökségeknek és fejlesztőknek, akik gyorsan akarnak térképes szűrést adni ügyfeleiknek anélkül, hogy egyedi kódot írnának.
- Katalógus‑ és piactér‑üzemeltetőknek, akik helyalapú böngészést kínálnának nagy adattömegre.
- Kiskereskedelmi láncoknak, akik üzletkeresőt szeretnének távolság szerinti rendezéssel.
- Turisztikai és rendezvényszervező oldalaknak, ahol a földrajzi kontextus kulcsfontosságú.
Követelmények és megfontolások
- Szükséged van a WP Grid Builder fő bővítményére; a fő bővítmény rendszerkövetelményei az irányadók.
- Google és/vagy Mapbox használatához érvényes API‑kulcs szükséges. Leaflet esetén válassz csempeszolgáltatót.
- Egy facet egyetlen tartalmat/lekérdezést szűr egyszerre.
- A távolság szerinti rendezés csak akkor elérhető, ha a szűrés kiindulópontját Geolocation facet adja.
- A külső térképszolgáltatók használatának költsége a szolgáltató díjazásától függ; tervezéskor kalkuláld be.
Gyors bevezetési folyamat
- Adatelőkészítés: add hozzá a lat/lng koordinátákat ACF/Meta Box mezőkkel vagy a Map Facet saját „Map coordinates” mezőivel.
- Facet létrehozása: új facet → Action: Filter → Filter Type: Map; válaszd ki a térképszolgáltatót, állítsd be a vezérlőket, a „Pan to Search” opciót, a markereket és klasztereket.
- Geolokáció és rendezés: adj hozzá Geolocation facetet címkeresőként/helyérzékeléshez; tegyél fel Sort facetet, és válaszd az „Order by: Distance” opciót.
- Hozzárendelés: kapcsold a facetteket a gridhez vagy a kívánt lekérdezéshez. Ha akarod, csak a térképet jelenítsd meg.
- Teszt és finomhangolás: ellenőrizd a marker‑popupokat, a klaszterezést, a kiemelést és a teljesítményt különböző zoomszinteken.
Összegzés
A Map Facet professzionális, nagy teljesítményű megoldás WordPresshez, amellyel konfigurációval – nem fejlesztéssel – építhetsz élvonalbeli, helyalapú keresőt. Több térképszolgáltató, geolokáció, klaszterezés, távolság szerinti rendezés és gazdag testreszabás egyetlen, összefüggő rendszerben. Ha térkép‑alapú szűrésre van szükséged, ez a legrövidebb út a kész, skálázható megoldáshoz.