Embeds & Tooltips
Put our interactive maps and item tooltips on your website, guide or blog. Free, no sign-up, no API key.
- Home
- Embeds & Tooltips
Embed an interactive map
Every map on TH.GL can be embedded: markers, tooltips, zoom and pan, without our menus or ads. The easiest way: open the map on its game site, set it up the way you want, then open ⋯ (More) → Embed this map in the map controls, or right-click the map. Players can also embed their own custom filters and drawings from My Filters → Embed on a website.
Live demo: Palia, Kilima Village with landmarks and stables.
From a map link
<iframe src="https://palia.th.gl/embed/maps/Kilima%20Village?zoom=1&types=landmark,stable" title="Palia Kilima Village Interactive Map" width="100%" height="480" style="border:0;border-radius:8px" loading="lazy" allowfullscreen></iframe>
<p style="margin:4px 0 0;font-size:13px"><a href="https://palia.th.gl/maps/Kilima%20Village">Palia Interactive Map</a> by The Hidden Gaming Lair</p>Parameters other than center, zoom, types, hide, share are dropped.
URL format
https://<game>.th.gl/[language/]embed/maps/<Map name>?parameters - the same address as the map page with /embed in front of /maps.
| Parameter | Example | What it does |
|---|---|---|
| center | center=-8000,1000 | Start position (the map's own coordinates). |
| zoom | zoom=1.5 | Start zoom level. |
| types | types=landmark,stable | Only show these marker types. Without it the map's default markers show. |
| hide | hide=landmark | Show every marker type except these. |
| share | share=<share code> | Add a player's custom filter (their own markers and drawings) by its share code. |
You don't need to look up marker type ids: the embed dialog on every map writes them for you. Keep the link under the map: it is how readers find the full map, and the only thing we ask in return.
Tooltips for item and codex links
Add one line to your page and every link to a TH.GL database entry shows a tooltip with icon, name, type, description and key stats when readers hover it. Your links stay normal links to our database pages.
<script async src="https://www.th.gl/tooltips.js"></script>Live demo - hover the links
- Palworld: Nyafia
- Diablo IV: Waxing Gibbous
- Gothic 1 Remake: Axe
Options
Set them before the script. All are optional; without them you get the tooltips only.
<script>
window.thglTooltipsConfig = {
iconizeLinks: true, // icon in front of each link
colorLinks: true, // link colour = item rarity
renameLinks: false, // replace the link text with the item name
iconSize: "small", // "small" or "medium"
locale: "de", // language for links without one in the URL
};
</script>
<script async src="https://www.th.gl/tooltips.js"></script>Links work in any language the game site has (/de/db/…). For elements that are not links, add a data-thgl attribute with the entry's address:
<span data-thgl="https://palworld.th.gl/db/paldeck/pal_badcatgirl">Nyafia</span>Content added later (single-page apps, infinite scroll) is picked up automatically; call window.thglTooltips.refresh() to force a rescan. The script sets no cookies and does no tracking.
Wikis
Fandom and wiki.gg do not allow outside iframes or scripts. A plain link to the map or the database entry works everywhere.
Terms
- Free for any website, including commercial ones. No sign-up, no key.
- Keep the visible link to TH.GL under embedded maps and do not hide or change our tooltips.
- Provided as is, without warranty. Parameters may change; we keep old links working where we can.
- Game names, images and data belong to their respective owners.
Questions or ideas? Ask in our Discord.