Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/mapschool/course

An introduction to the art and science of modern cartography
https://github.com/mapschool/course

Last synced: 5 days ago
JSON representation

An introduction to the art and science of modern cartography

Awesome Lists containing this project

README

        

# Digital Cartography 101
![](http://i.imgur.com/Cn5bPnJ.jpg)
> An introduction to the art and science of modern cartography

**Duration:** 5 days
- 5 demo lectures
- 4 explorations
- 2 assignments

**Courseware**
- [Cartography and Visualization - Penn State GEOG 486](https://www.e-education.psu.edu/geog486/home.html)

## Day 1: The Fundamentals
![](https://camo.githubusercontent.com/5afcd690a70bcb479f4de352d6a53290f409210a/687474703a2f2f646f67666f6f73652e636f6d2f77702d636f6e74656e742f75706c6f6164732f323031312f30392f362d372d4f72616e67652d7065656c65642e706e67)
- [Psychogeography](https://en.wikipedia.org/wiki/Psychogeography)
- **Exploration 1** Create a [dérive](http://www.bopsecrets.org/SI/2.derive.htm)
- [Geography](https://en.wikipedia.org/wiki/Geography)
- [History of Cartography](https://en.wikipedia.org/wiki/History_of_cartography)

![](https://upload.wikimedia.org/wikipedia/commons/b/b2/Mercator_1569.png)
- [Great Trigonometric Survey of India](https://books.google.co.in/books?id=gd8gAQAAMAAJ&printsec=frontcover#v=onepage&q&f=false) and the [Bangalore connection](http://issuu.com/udayakumarp.l/docs/the_story_of_the_bangalore_baseline)

screenshot 2016-01-02 01 52 41
- Mapping

![](http://static.tumblr.com/1tfc7p8/1mHmdrext/treasure-map.jpg)
- [Geoid](https://en.wikipedia.org/wiki/Geoid)
- [Coordinates](https://en.wikipedia.org/wiki/Geographic_coordinate_system): [latitude](https://en.wikipedia.org/wiki/Latitude) and [longitude](https://en.wikipedia.org/wiki/Longitude)
- Positioning: [trigonometry](https://en.wikipedia.org/wiki/Surveying), [remote sensing](https://en.wikipedia.org/wiki/Remote_sensing), [GPS](http://fas.org/man/dod-101/navy/docs/es310/GPS/GPS.htm)
- [Scale](https://en.wikipedia.org/wiki/Scale_(map)): 1:250,000 small scale (world map), 1:10,000 large scale (street map)
- [Projection](https://en.wikipedia.org/wiki/Map_projection): cylindrical, conic, azimuthal

![](http://visual.merriam-webster.com/images/earth/geography/cartography/map-projections.jpg)
- **Video** [There is no correct projection](https://www.youtube.com/watch?v=kIID5FDi2JQ)
- Types of maps
- [Pictoral](https://en.wikipedia.org/wiki/Pictorial_maps)
- [Thematic](https://en.wikipedia.org/wiki/Thematic_map)
- [Topographic](https://en.wikipedia.org/wiki/Topographic_map) and [Terrain](https://en.wikipedia.org/wiki/Terrain_cartography)
- [Chloropleth](https://en.wikipedia.org/wiki/Choropleth_map)
- [Cartogram](https://en.wikipedia.org/wiki/Cartogram)
- [Topological](https://en.wikipedia.org/wiki/Topological_map)
- Map symbology
- [Ordanace Survey symbol sheets](https://www.ordnancesurvey.co.uk/resources/maps-and-geographic-resources/map-symbols.html)
- Data abstraction
- **Exploration 2** Create a map of the Bengaluru Airport Bus Network. Focus: utility, data density, clarity

**Reading**
- [Inside the Secret World of Russia’s Cold War Mapmakers](http://www.wired.com/2015/07/secret-cold-war-maps/)

## Day 2: Map design
![screenshot 2015-12-29 12 36 38](https://cloud.githubusercontent.com/assets/126868/12030704/d101775c-ae28-11e5-9c59-5171b808091d.png)
- Data primitives: [points](), lines, areas
- Cartographic elements
- frame
- metadata
- layering
- pixels
- symbols
- lines
- fills
- text
- Cartographic styling
- Raster
- Color mapping
- Composting
- DEM
- Vector
- Data series
- Exporting maps
- Create a series of maps for your state(A)
- A political map
- A physical map
- A chloropleth map
- **Assignment 1**

**Reading**
- [A Rare Interview With Graphic Design Legend Massimo Vignelli](http://www.fastcodesign.com/3044133/a-rare-interview-with-graphic-design-legend-massimo-vignelli)

## Day 3: Working with Map Data
![screenshot 2015-12-29 12 50 26](https://cloud.githubusercontent.com/assets/126868/12030837/c1e261ee-ae2a-11e5-9a59-ce5156428bbf.png)
- [GIS Fundamentals](https://en.wikipedia.org/wiki/Geographic_information_system)
- [Coordinate system](https://en.wikipedia.org/wiki/Geographic_coordinate_system): [WGS 84 Mercator projection](https://en.wikipedia.org/wiki/World_Geodetic_System) and [Web Mercator projection](https://en.wikipedia.org/wiki/Web_Mercator)

![](https://upload.wikimedia.org/wikipedia/commons/thumb/d/d1/Australia-Greenland_size_comparison.svg/383px-Australia-Greenland_size_comparison.svg.png)
- Data Formats: [GeoJSON](), [Shapefile]()
- Existing data sources
- Natural Earth
- Bhuvan
- OSM
- NASA
- Map scans
- Working with OSM
- Creating data
- Extracting data
- Converting
- Formats
- Projection
- Geometry
- Combining
- Joining
- Geoprocessing
- Spatial analysis
- **Exploration 3**

## Day 4: Publishing a web map
- [HTML](https://www.codecademy.com/courses/html-one-o-one/0/1?curriculum_id=4f873b9ac02c44000300000d), [CSS and JS](https://www.codecademy.com/courses/html-javascript-css/0/1)
- Display your map using [Mapbox GL JS](https://www.mapbox.com/mapbox-gl-js/example/custom-style-id/) and test locally using the [Python SimpleHTTPServer](http://www.pythonforbeginners.com/modules-in-python/how-to-use-simplehttpserver/)
- Host your map using [GitHub Pages](https://pages.github.com)
- Style your page using [Mapbox base.css](https://www.mapbox.com/base/)
- Add the [Mapbox geocoder](https://www.mapbox.com/mapbox-gl-js/example/mapbox-gl-geocoder/) and [url hash](https://www.mapbox.com/mapbox-gl-js/api/#Map)
- Explore the [Mapbox GL JS API](https://www.mapbox.com/mapbox-gl-js/api/) using the browser console
- Interactive coding
- [API](https://en.wikipedia.org/w/api.php?action=query&prop=revisions&rvprop=content&rvsection=0&titles=Application%20programming%20interface)
- [Jquery](http://jsfiddle.net/webdevem/Q8KVC/)
- [Callbacks](http://jsfiddle.net/javabeat/y9tGy/)
- [AJAX]()
- [JSON](http://www.jsoneditoronline.org)


- A simple map
- Creating a map view
- Adding map layers
- Adding data layers
- Customizing map controls
- Using Github pages
- **Assignment 2:** Create an interactive tourist map of your favourite place

## Day 5: Data driven maps
![untitled2](https://cloud.githubusercontent.com/assets/126868/12030750/9341420c-ae29-11e5-8f54-94cec2e2815b.gif)
- Turf.js
- Tippecanoe
- Mapbox API
- **Exploration 4**

### Software
- [QGIS](http://qgis.org/)
- [Mapbox Studio]()
- [Mapbox.js]()