How do I make a google maps type of map?

[gregorius]

I already have my map in progress but I was wondering what tool could I use to create something like this or this.

[djan]

I assume that you mean the zoomable and scrollable aspects of these maps.

This is usually done by creating so called tiles from your map. These are usually 256x256 pixels. At zoom level 1 you have one tile covering the entire planet/map. For each higher zoom level the tiles are divided into 4 tiles. So at zoom level 1 you would have 4 tiles, each of 256 by 256 pixels. etc. until you have reached the maximum zoom level for your map. These tiles are stored in a directory structure (on a webserver) following some name conventions. For more information see for example wikipedia

For displaying, you can then use a client library/program, such as leaflet.


Edit: Leatlet is also what redrobes has used for the guildcity map .