Add a map overlay to OBS

This takes about two minutes. You need OBS (Streamlabs or anything else with a Browser Source works too) and an irlmap.live account.

1. Log in at irlmap.live with Twitch and open Overlays. You get a map and a stats bar to start with. + New has more, including the radar presets.
2. Make it look how you want. Changes save on their own.
3. Copy the OBS browser source URL at the top of the editor, and note the size shown under it (for example 400 × 400).
4. In OBS, click + under Sources, choose Browser and give it a name.
5. Paste the URL, set Width and Height to the size from the editor, and click OK.
6. Drag it where you want it.

That’s it. From now on, anything you change in the editor shows up in OBS by itself. You won’t need to touch the Browser Source again.

Nothing showing?

It says “Location hidden”

Either you’re not live on Twitch yet, you’ve paused, you’re in a dead zone, or nothing has sent a location so far. Go live (or check your GPS sender) and it shows up.

It’s completely blank

Right-click the source and pick Refresh. Also check that the URL didn’t get cut off when you pasted it.

The shape or border looks wrong

Check the filters on the source. An image mask or crop filter on the Browser Source will clip it. Use the shape setting in the editor instead, which also keeps the border and the N marker in the right place.

It’s cut off at the edges

Width and Height in OBS should match the size in the editor exactly.

Tips

• Turn off Shutdown source when not visible if you switch scenes a lot, so the map doesn’t have to load again every time.
• Leave Refresh browser when scene becomes active off.
• You don’t need any custom CSS. The background is already transparent.

Still need to send your location? Use your phone or a BELABOX.