Welcome to Advanced GIS, Lecture 1

This is a web page that can be viewed as slides.

→ to move forward

← to go back

Advanced GIS

Advanced GIS

for International Crises, Development and the Environment

Syllabus

Week 1

What is the geoweb?

Week 2

How does the web work? + CARTO

Week 3

Advanced CARTO and CartoCSS

Week 4

Odyssey, SQL, and GeoJSON

Week 5

HTML

Week 6

CSS

Week 7 - 9

JavaScript

source

Week 10 - 11

OpenStreetMap

Week 12

Mapbox Studio

Week 13

Final project lab

Week 14 - 15

Final project presentations

Class homepage

gpia-gis.github.io/adv-materials-spring2017

Come to class on time. If you're not going to be, email me.

Assignments will be posted in Canvas

Do assignments on time or lose 25% credit.

Emailing me

Personal: email me directly

About an assignment: email the Google Group (gpia-advanced-gis-spring-2017-group@newschool.edu)

source
source
Bill Bunge
Surveillance Camera Players
iSee

maps that I've made

garden maps
living lots nyc
curb your litter

Refreshers

latitude and longitude

latitude and longitude

source

projections

source
source

raster vs vector

raster

source

raster

raster

source

vector

vector

GIS

Geographic Information System

GISs

GISs

shapefile

shapefile

.shp

shapefile

.shp

(.zip)

shapefile

clipping

clipping

clipping

clipping

clipping

What do you think of when you think of a "modern" map?

Introduction to the geoweb

"geoweb", AKA:

(Crampton, Cartography: Maps 2.0)

geoweb

geoweb

maps on the internet

geoweb

maps on the internet + the practices and software that get them there

"practices and software"

platforms for working with maps and data

(open) data

adding spatial data to otherwise non-spatial artifacts

(eg, geotagging of pictures on a service like flickr, adding location to tweets, etc)

"practices and software"

Locals and Tourists
source
source
source
source
source

How did we get here?

first web maps were static

Mapquest via the Wayback Machine, circa 1997

click

click

...wait

click

...wait

entire page reloads,

map is panned east

static online maps are often indistinguishable from paper maps

source

What has changed since 1997?

~1997 - today

  1. GPS
  2. the web changed
  3. more data became available
  4. FOSS became mainstream

1. GPS

source
source

GPS "selective availablility" turned off (2000)

gps.gov
schlaggo.de

2. the web has changed

"Web 2.0" (~2004)

Tim O'Reilly

shop.oreilly.com
What is Web 2.0 (2005)
What is Web 2.0 (2005)
...
desktop GIS → geoweb

AJAX (2005)

AJAX

(Asynchronous Javascript and XML)

AJAX

(Asynchronous Javascript and XML)

dynamically loading portions of webpages

AJAX

not really new, but newly articulated

source
source
source

3. data becomes more available

open data

open data

data that is:

open data

data that is:

open data

data that is:

dataportals.org

How do we give data back?

collaborative data

OpenStreetMap's iD editor
show me the way
Map Kibera

Haiti in OpenStreetMap before 2010 earthquake

source

Haiti in OpenStreetMap after 2010 earthquake

source
aircasting.org

4. open source

Free and open source software (FOSS)

freedoms to

source code

source code

in exchange for

in exchange for

backed by licenses

backed by licenses

source

~1997 - today

  1. GPS
  2. the web changed
  3. more data became available
  4. FOSS became mainstream

download some data

open it in geojson.io

Anatomy of a web map

1. Make or reuse base tiles

Street, water and land data

Street, water and land data →

How do tiles work?

2. Overlay some data

3. Mix with some html, css, and javascript for styles and interactivity

1. Make or reuse base tiles

2. Overlay data

3. Mix with some html, css, and javascript