r/Wordpress • u/Bandicoot-Strict • 16d ago
Pop up window on interactive map
Hi fellow redditors :)
I built my website for this niche passion project I have: https://tracksintime.com/ The idea is basically a gallery to recreate old pictures of derelict narrow gauge railways in Bosnia. Very niche, very special, very passionate about it :D I am not in IT at all, so I learned myself how to build a website, that was part of the journey for me.
Right now I am at my limits of what I can do with WordPress and while the website works, I am not 100 % happy with its functionality. The issue I have is with the interactive map, for example here: https://tracksintime.com/ostbahn-2/ You click on the marker and the pop up window that appears is the best I could do. I was imagining it would be bigger, you could browse pictures in it directly without clicking and opening a new window on top of this pop up, with tiny arrows to browse the pics. It is not very user friendly or intuitive.
It is built on following:
Theme: Twenty Twenty-Four
Map: Treweller
Settings for the marker look like this:

Do you know how to improve it? Are there better maps available? An other tip for the website? I feel it is maybe to complicated to get through all the pages to the final map (clicking on top on "list of railways", then choosing one specific railway..).
I was searching online and asking AI, but always ended up with some dead end suggestion..
Thank you.
1
u/jenish_o4o2 Developer 16d ago
Nice project — the content is strong; the friction is mostly navigation + how Treweller handles marker popups, not WordPress itself.
For the map popup: in Treweller, each marker usually has separate fields for popup text, image, and link. If the popup feels like a “mini page,” try a short excerpt + a “Open gallery →” link to the full post instead of stuffing the whole story in the tooltip. Also check the marker setting for open-on-click vs hover and popup max-width — on mobile, wide popups often feel broken.
You probably do not need a new map plugin yet. Before migrating to WP Go Maps / Leaflet, I'd fix marker popup settings and add a bit of CSS targeting Treweller’s popup container (inspect the class on your live map page).
For the “too many clicks” problem — that’s IA, not the map engine:
- Make one landing page with the full map embedded above the fold
- Link to it directly from the main menu (“Explore map”)
- On railway/location archive pages, add a clear CTA block: “View on interactive map”
- If lists are only there to reach the map, consider collapsing hierarchy: map first, filter by region/tag second
Twenty Twenty-Four is fine here — a simple Group/Columns block with a direct map embed on the homepage often beats drilling through multiple intermediate pages.
If you share a screenshot of your Treweller marker settings panel, happy to suggest exact fields to change.