Cities: Skylines

Cities: Skylines

243 ratings
OverLayer v2
File Size
0.017 MB
Apr 10, 2016 @ 7:53am
May 28, 2016 @ 9:58am
4 Change Notes ( view )

Subscribe to download
OverLayer v2

OverLayer v2.0

OverLayer draws a high resolution picture over your map which follows the terrain surface.
To enable/disable the overlay, click the round button with an exclamation mark on the top of the game screen.

What's New

Version 2 brings a whole new rendering algorithm which utilizes the proper overlay engine of the game. Before this version the mod would use a hack through the seconday terrain layer, which caused lots of glitches.
Also, because of how that hack was exploited, the texture was rendered in fake colors. This is now gone! Your image is rendered in its full glory with all original colors.

Also new in version 2 is the ability to adjust the size and position of your overlay!
Read more in the "controls" section below.


This mod will load an image with name "overlay.png" placed in the following directory:

C:\Program Files (x86)\Steam\steamapps\common\Cities_Skylines\Files\

~/Library/Application Support/Steam/steamapps/common/Cities_Skylines/Files/

If you copy and paste the respective path above into your file browser (Windows: Ctrl+L, OS X: Cmd+Shift+G) you will be taken to the correct path.

Note for OS X users: The "Files" directory might not exist. If it doesn't, it is safe to create it manually.


These are the current key controls for the mod:

  • . (Period): Increase overlay size
  • , (Comma): Decrease overlay size
  • Arrow Keys: Move the overlay image (Up/Down: North/South, Right/Left: East/West)
  • Home: Reset overlay image size and position
  • Shift: Holding it makes all actions above go faster (less precise)
  • Control: Holding it makes all actions above go slower (more precise)

Note: In the future these may become editable through a settings screen.

About the Image

The image should be a square PNG image (alpha layer allowed and encouraged), the higher the size, the bigger the resolution in-game. You can download a template overlay image with all tiles delimited here:
Check this link to understand how the template image above is rendered in game:

The image will cover all 81 tiles by default. You can move and change the scale of the overlay using the controls described above.

To make the most out of this mod, I recommend that you use a transparent image where only the features you wish to be visible are drawn in black/white. For example, this overlay image for Barcelona:

I used the Google Static Maps API to generate the overlay for Barcelona above. The URL I used is available here:
You can get a free API key here:


The source code is avilable on GitHub:

This mod is distributed with the GNU GPLv3 License.


If you are going to leave a bad rating, please state why in the comments. Your negative feedback is useless if you won't allow me to improve my work. Thanks!
Popular Discussions View All (7)
Jul 7 @ 11:23am
Parklife Support
Oct 13 @ 6:32am
what is the image dimension limit?
Jan 20 @ 10:11am
< >
beko Oct 15 @ 11:43am 
I also have trouble with info descriptions > 140 chars. Thank you, Twitter.

Some people..
Creativeworks Oct 15 @ 2:28am 
No install info really.. Just some odd un-related pics and waffle. Junk
JATO Oct 13 @ 7:53pm 
It would be nice to make a way to cycle through several overlay images, like the alternative overlay image mod does.
eMJay Oct 13 @ 6:26am 
Why do you want to lower it? It lays over everything.
dave.ludlow Oct 13 @ 3:54am 
is there any way to lower it?
eMJay Sep 28 @ 9:46am 
In your Steam: go to library select Cities Skylines and click right-> propetis -> local files -> browse local files. Open the files folder and insert your overlay.png.
Bluelight98 Sep 26 @ 2:17pm 
So i loaded in the overlay.png, but it just shows a massive ?. Is it not working or just still loading? (my file is around 30mb). Plus, my steam games are stored on a different directory, so i placed the overlay.png in the same directory but another path to my game, does that affect the code from this mod?
princekolt  [author] Sep 24 @ 2:04am 
@[FF]ASSN.TUX I'm not sure what might cause this, but you might want to check and make sure your image is a PNG. You might have saved it as a JPG (or another format) file with a PNG extension. Some programs are able to detect the file format despite of an incorrect extension, but other are not. I hope this helps!
joanna.hammond Sep 20 @ 10:00am 
@Burneyes, I had a similar thing, you MUST use a square map or it does that.
[FF]ASSN.TUX Sep 20 @ 5:51am 
bornbo Sep 15 @ 1:55am
Is it possible to fix the size an position after adjusting and through saving and loading process?

This question needs an answer. It is getting quite tiresome to have to move the overlay around and adjust the scale to get it just right, every time I open it back up the next day.