Cities: Skylines

Cities: Skylines

58 ratings
Creating real maps using openstreet maps
By dkoukoul
This guide will help you to create real maps with terrain and road information straight from openstreet maps data.
It is an update to previous guides and instructions I found online because some of the software tools referenced there either do not work on GNU/Linux (which is what I am running) or where completly outdated. So this solution is platform independent.
   
Award
Favorite
Favorited
Unfavorite
Step 1 Retreive terrain information
(nothing new here with previous guides, you can skip it if you have already done this)
1.1 Go to http://terrain.party
1.2 Select the blue square and drag it to the area of the map you want to recreate.
(from my experience 18-22km squares can be quite realistic, >22km and the scale spoils it)
You can increse/ decrease the size from the +/- buttons on the right side.
Make sure to centre the 25 inner sqaures to the area that you want to be playable, the 2 rows and colums on each side are non-playable squares.
1.3 Click Export to download the terrain data.
1.4 Go to your downloads folder and extract the zip file you just downloaded.
1.5 Open the README.txt file (you will need this in the next step)
1.6 Copy the png files to ~/.local/share/Colossal_Order/Cities_Skylines/Addons/MapEditor/Heightmaps/
or the equivelant directory in Windows, unfortunately I do not know what that is.
Step 2 Retreive map information
2.1 Go to https://extract.bbbike.org
2.2 Select Format: SVG google
2.3 Type in your e-mail address where you will receive the link to download the files
2.4 Give a name to the area
2.5 Click the radio button "show lng/lat" right next to "Format".
2.6 Go to the README.txt file you have opened from the terrain.party download
you need to copy one by one the coordinates that are in line 7
e.g http://terrain.party/api/export?name=h&box=76.364881,32.491406,76.173177,32.329710
and paste them to the bbbike.org.
The first of the coord values from the terrain.party URL goes to the left-lower corner (Southe-West) lng value, the the lat follows, then the 3rd value from the URL is the lng value of the Righ top corner (North-East) and lastly the lat value.
The first two coord values from terrain.party are the Right-top corner (North-East) values for bbbike and the last 2 are the South-West left lower corner.
2.7 Click extract
in a few moments you should receive an emal with a link to download your map files.
Step 3 Prepare map overlay
This step is to prepare the map, that you downloaded from bbbike.org, as an overlay in the Game in order to be able to recreate the roads, rivers etc.

3.1 Download inkscape and install it, it is free software. (https://inkscape.org) unless you already have a vector graphics editor.
3.2 Extract the bbbike file and find the map (svg) file. (e.g. planet_xxxx_yyyy-google.svg)
3.3 Open it using inkscape
3.4 Select the area of the map, notice that the area of the map is square but the svg file extends to the right and left.
3.5 Go to Layers and hide all of them except the "Line artwork", if you can not view the layers on the sidebar, go to menu "Layer"->"Layers".
3.6 Select all and then go to Menu "File"->"Document properties" and click "Resize page to content" and click the button "Resize page to drawing or selection"
This should leave you with a square map of just road outlines, similar to the one on the image

3.7 Now export the image as overlay.png with a recommended quality of ~100dpi
(for a 22km size map at this quality it is roughly a 10-12MB file)

3.8 Copy this file (overlay.png) to ~/.local/share/Colossal_Order/Cities_Skylines/Addons/MapEditor/Heightmaps/
or the equivelant directory in Windows, unfortunately I do not know what that is.
Step 4 Create map in game
4.1 Firstly add the Overlay v2 add on from the Steam workshop
4.2 Go to game and create new map
4.3 Select "Import Height map"
4.4 Select the (Merged) png file from the downloaded content from terrain.party.
4.5 Then click the "!" icon that should be avaialable on top of the screen (left to the bird) that should display the overlay map on top of the terrain.
So now you are ready to create the highways, rivers, smooth out any rough terrain and make the map playable.
Then once you start a game on this map you can again display the overlay in order to allow you to create the different types of roads that are not allowed when creating the map.
21 Comments
Elder Brother 25 Nov, 2021 @ 8:11pm 
Cities: Skylines map generator [heightmap.skydark.pl] is a quality replacement.
Friendly Respector 25 Jun, 2021 @ 6:42pm 
Terrain.party hasn't really worked for some time.
Wistaire 15 Jan, 2021 @ 12:17pm 
@RM1985 If you don't hide the "polygons" layer it should show water/rivers on your overlay image.
RM1985 7 Jul, 2020 @ 3:23pm 
I have problems with my heightmap, since I can't really see important things, especially where the rivers are, there are no real indications on the map, you can't just see the course of the river on the map, which makes it really difficult to place the overlay correctly.
Raven 24 Apr, 2020 @ 1:20pm 
For anyone trying this now, the site has updated and no longer shows the "adjust by coordinates" option for the bounding box. There's a way around this - you have to click "Permalink" in the bottom-right corner. This will give you a permalink of the current viewport on the map. Then just simply replace the coordinates in the URL with the ones from your terrain.party README.

The last two coords in the README are used in the first two in the URL;

The first two coords in the README are used in the last two in the URL.

It's a bit confusing, but it does work and your bounding box will be the exact size as your terrain.party export. Just remember to swap the coordinates around as I described above.
Termite 14 Aug, 2019 @ 4:15pm 
Works a treat best way to get an overlay for the game and I have tried a few methods.
Timelord Sheep 28 Jun, 2019 @ 8:30pm 
It states that my area is too large.
oof 28 Feb, 2019 @ 10:42pm 
Cities skyilines dropping to 5 fps
The Chupathang 4 Jan, 2019 @ 2:53pm 
I do not know what I was doning wrong but your most recent instructions worked brilliantly. Thank you for your help, I am much obliged. :steamhappy:
dkoukoul  [author] 3 Jan, 2019 @ 2:54pm 
Not what I am seeing. I see the area around Elizabethton. Try putting Left lower corner lng: -82.300373 and lat: 36.285036, then right top corner lng:-82.076974 lat:36.464698