How to get a high resolution overlay map for Cities Skylines (Up to 90k px * 90k px) [Satellite Map Update]

Hi Citybuilder, if you have ever done a 1:1 rebuild you have probably used an overlay.
I started one in the past but was unhappy with the overlay resolution. At that time I did a merge of 81 maps together for a better result. But it was not very efficient.
I've found a better method. Here is how.

First of all, let me give you something to compare.

Here is the 'default' from 'https://terraining.ateliernonta.com' (skydark and terrainparty are down, so this is the way for height maps today)

The overlay has a resolution of 2160 x 2160px.

With this method you can get overlays with a resolution of 10k x 10k px (this is the limit of what Cities Skylines can handle).
You can also split the overlay or use only the inner 25 tiles/9 tiles for the overlay. If you use an overlay for each tile, you get a theoretical resolution of 90k x 90k px.
But enough talk, here are some examples (I recommend to open them in a seperate tab to get a better impression)

The 10k x 10k image when stretched across all tiles. Link to the picture: https://imgur.com/tRldYNn.png
The 10k x 10k image when stretched across 25 tiles. Link to the picture: https://imgur.com/WEzNDEt.png
The 10k x 10k image when stretched across 9 tiles. Link to the picture: https://imgur.com/N6r3maE.png
The 10k x 10k image when stretched across one tile. Link to the picture: https://imgur.com/RtvE2Bn.png

(Note: all examples are zoomed in to samle location)

To get such detailed pictures you have to do a few things. So let us start.

Download Qgis https://www.qgis.org/en/site/forusers/download.html

Qgis is a GIS software whose purpose is to create informative maps from geodata. But don't worry, we don't need to tinker with geodata.

After downloading, run the installer.

Now you should have a folder on your desktop called 'Qgis 3.x', open it and run 'Qgis Desktop 3.x' (x = the version number, in my case it is 23.3').

After opening Qgis, create a new project by clicking on the blank page.

Now you need to install a plugin. To do this, click on 'Plugins' in the top menu and select 'Manage and install plugins'.

In the plugin manager, go to the 'All' tab, search for 'QuickMapServices' and install it.

Then click on 'Web' in the menu at the top and navigate to 'QuickMapServices' > 'OSM' > 'OSM Standard'.

Now it should look like this

Go to the left side and expand the "XYZ Tiles", here you can choose from a few maps. I recommend to use "Google Satellite" or "Google Satellite Hybrid". The first on is a pure satellit map. The 2nd one is a satellit map with highlighted roads, street names, building names (like you know it from google maps)

Apparently some newer QGIS version don't have the XYZ Tiles connections by default, so here is how to add them.

Rightclick on the XYZ Tiles header and then hit "New Connection"

Next you see this template

Change the Max. Zoom Level to 19.
In the name field you can enter whatever you want.
In the Url fiel you have to paste one of the following url:

For the Google Maps overlay
https://mt1.google.com/vt/lyrs=m&x=%7Bx%7D&y=%7By%7D&z=%7Bz%7D

For the Google Satellite overlay
https://mt1.google.com/vt/lyrs=s&x=%7Bx%7D&y=%7By%7D&z=%7Bz%7D

For the Google Satellite Hybrid overlay
https://mt1.google.com/vt/lyrs=y&x=%7Bx%7D&y=%7By%7D&z=%7Bz%7D

For the Google Terrain overlay
https://mt1.google.com/vt/lyrs=t&x=%7Bx%7D&y=%7By%7D&z=%7Bz%7D

For the Google Terrain Hybrid overlay
https://mt1.google.com/vt/lyrs=p&x=%7Bx%7D&y=%7By%7D&z=%7Bz%7D

(The links wont work if you open them)

(You only need to do this if you need an exact positioning of the overlay (e.g. if you also use a height map).

First you need the coordinates of your point. If you are using terraining.ateliernonta, you will find them in the top left hand corner.

Now go to https://coordinates-converter.com and enter the coordinates. The terraining.ateliernonta coordinates should be in the decimal degrees field.

Write down the UTM coordinates.

Then go back to Qgis scroll to your location and click on EPSG in the bottom right corner.

Now enter 'WGS 84 / UTM zone', that gives you a list of a few EPSG you need the one that has the number from the coordinate converter. If your place is in the northern hemisphere then you need the one with the N and if its in the southern hemisphere the one with the S.

Select the correct EPSG and press 'Anwenden' (for some reason some terms are in German) and the 'ok'.

For my example pictures I have used Berlin. Berlins is in the northern hemisphere so the zone is 33N

In the bottom bar you will also find the coordinates window. Delete the existing coordinates and enter the coordinates from the converter, but only enter the numbers before the dot and separate both numbers with a space. (Don't move the mouse while entering the coordinates)

Don't move the map after that. If you have done this by mistake, enter the coordinates again. Moving your mouse will also change the coordinate but that's fine. Just don't move the map.

Now go to 'Project' > 'New Print Layout', enter a name and press 'ok'.

Before we can continue, you need to think about the resolution you want and the size of the overlay. Here's a quick overview (the last two are only possible if you split the overlay map into smaller pieces)(and don't worry about the last 2 columns for now, they'll be important later)

Once you have decided on the size of your map, you need to prepare it.
Right-click on the blank sheet of paper you see and select 'Page properties'.
Enter the size you have chosen in the table above (Make sure you have selected the correct measurement).

Now it's time to add a map (this is what you do for numbers 1-4). Click on the 5th icon on the left and then do a left-click on the paper.

Enter the image size for Width and Height. The X and Y values should be 0 and the reference point should be the top left corner.

The map will now be rendered and an item properties window should pop up. Here you change scale of the map.

Now it's time to export the map. Click on the icon to the right of the print icon.

You may get a 'WMS layer' or 'size' warning, but you can ignore it.

Now choose the export parameters.
Choose 10000px for width and height and hit 'speichern'.

If you want to use method 5 or 6, you have to do a few extra steps.

[Small side note, I have rewrote this part witha different methode so that the grid is more precise. So don't be confused if you still remember the old methode]

First you have to get the coordinates from the lower left corner, for that head to this website: https://rechneronline.de/geo-koordinaten/ and scroll to "Peilung".

Enter in the fist window the decimal degrees of your center point, the 2nd winodw gets the angle which is 225° and the 3rd window gets the diagonal distance to the lower left corner, the value for that is 12218.805m.

Now go back to the https://coordinates-converter.com/ and enter the now decimal coordinates and copy the UTM coordinates.

No go back to QGIS and open the mk.grid option. (As shown in the screenshot)

For 5 enter the amount of tile syou want to generate, 9,9 will gives you 81 tiles. 7 is the size on a tile. 1920,1920 means 1920m*1920m. Whith these values you get a map to cover a complete cs1 map. 6 get the UTM coordinates from the lower left corner. Seperate the values with a ",". After that Click on "Starte" to generate the grid.

Now change the opaccity and check if its correct.

Switch back to the print layout. Add the card by clicking on the 5th icon on the left.

Enter the width and height of the image. The X and Y values should be 0 and the reference point should be the top left corner.

Now click on 'Atlas settings' on the right, select 'Grid' as the coverage layer, choose 'id' as the page name and disable Single file export (you can hide the grid on the tiles with the 'Hidden coverage layer').

Then scroll down in the 'Item properties' to 'controlled by atlas', enable it and use the 'best fit' option.

You're almost there, now it's time to export the tiles. Click on the icon on the left of 'Atlas properties' (if you see a 'WMS layer' or 'size' warning, you can ignore it).

Select a folder to export the tiles to. Choose a resolution of 10000px for width and height.
It may take some time to export all the tiles.

Image overay mod.

First you need to subscribe to the 'Image Overlay Renewal' mod
https://steamcommunity.com/sharedfiles/filedetails/?id=2616880500

Enable it and load the game.

After loading the city, go in the game options and switch to the Image Overlay Renewal settings to open the png folder

The file explorer will open. Place here the exported overlays. (don't creatre a sub-folder)

Now open the image overlay mod, reload the textures (click the button once and let it load a moment, don't click anything or it might crash), select the map, size and position.

If you have used number 5 or 6 you might have to use an offset for each tile. Here are the needed offsets. (for number 5 you only need the bold numbers)

And thats was it. I hope all is clear but if you have questions problems or feedback feel free to bing me on the officieal Cities:Skylines Disord server. (My username is Link0610).

Otherwise I wish you fun with your recreations.

Corrected a wrong image in step 3 (Atlas creation) Changed the methode to create a grid for higer precision Added section 2b, a methode to get satellite maps Apparently some newer QGIS versions dont have the Google XYZ Tiles by default so I added a instruction how to add them manually.