Embeds & Tooltips

Put our interactive maps and item tooltips on your website, guide or blog. Free, no sign-up, no API key.

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&amp;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.

ParameterExampleWhat it does
centercenter=-8000,1000Start position (the map's own coordinates).
zoomzoom=1.5Start zoom level.
typestypes=landmark,stableOnly show these marker types. Without it the map's default markers show.
hidehide=landmarkShow every marker type except these.
shareshare=<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

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.