Our example uses this 1888 City Directory of Bogotá, Colombia’s capital city. Now we want to figure out what data to show on it.
![magic maps tutorial magic maps tutorial](https://svynu.ukskontra.pl/templates/57f9e8d318a8c822f6d28974872853fd/img/c24dfe32dd12ac11d1c296758e910964.png)
Web maps are made up of millions of these 2) Data extraction This process will distort the scanned image: The first step after scanning a map is to add geographical data to it to establish an equivalence between its pixels and the geographic location they represent. It is an 1891 map of Bogotá available in the National Library of Colombia (link requires Flash Player) annotated with some data found in an 1888 Bogotá City Directory. You will be playing with the developer console and I don’t have multi-browser instructions.
![magic maps tutorial magic maps tutorial](https://uduxe.magazynowanie-krakow.pl/templates/f16dc396e088c7c707eabe9d7479e7a2/img/91db979411ba6f604533591aaba9fc2f.jpg)
Note: This tutorial assumes you are using Mozilla Firefox, Apple Safari or Google Chrome.
![magic maps tutorial magic maps tutorial](https://lparchive.org/Might-Magic-Heroes-VI/Update%2002/21-19.jpg)
geo-referencing the scanned map so that web tiles can be generated.This tutorial assumes you have a digitized map and some data you want to overlay on it.
#Magic maps tutorial free
It is a primer on working with various free web mapping tools so you can make your own awesome maps. I thought it would be useful to share that workshop since it encompasses a lot of different processes and tools that make digital cartography today very accessible. I was invited to the National Library of Colombia’s 2nd Digital Book Week as a speaker and to give a workshop on digital mapping tools.