Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/mapschool/course
- Owner: mapschool
- License: mit
- Created: 2015-12-29T13:44:14.000Z (almost 9 years ago)
- Default Branch: gh-pages
- Last Pushed: 2016-12-04T04:24:15.000Z (almost 8 years ago)
- Last Synced: 2024-08-01T12:36:49.241Z (3 months ago)
- Size: 11.7 KB
- Stars: 50
- Watchers: 9
- Forks: 11
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- awesome-starred - mapschool/course - An introduction to the art and science of modern cartography (others)
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)
- 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]()