Presentation is loading. Please wait.

Presentation is loading. Please wait.

Web Cartography http://co2.digitalcartography.org/

Similar presentations


Presentation on theme: "Web Cartography http://co2.digitalcartography.org/"— Presentation transcript:

1 Web Cartography

2 Lecture Outline Where we are and how we got here Classifying web maps
Design considerations for web maps Technology for web mapping Great examples

3 Trends in Cartographic Teaching and Research
Thematic Mapping Empirical Cognitive Research: Cartographic ‘Rules’ Communication Vision, Cognition, Perception Eye Movement Studies Map Use and Map Design Volume of teaching and research Peak Community Mapping Web mapping Geo Visualization Human/machine interaction VGI Rise Decline Comeback GIS data input analysis Social theory Government production Delivery of data (packets) 60s 70s 80s 90s 00s 10s year

4 Where we are Web 2.0 Cloud computing
User-generated information (VGI, citizen science) Democratization of mapping (data software) Multimedia Interactivity = constant change

5

6 Web vs print Pros Cons Access Low cost Multimedia Interactivity
Up to date Access Quality/credibility/deconstruction Hardware constraints Network speed Fleetingness……. Too much, visual overload Data integrity

7 Classifying web maps (Kraak)
Static Dynamic View only Interactive

8 Dynamic and interactive http://tipstrategies.com/geography-of-jobs/
Static, tremendous data, could be automatically updated: ml Dynamic and interactive

9 Design considerations for web maps
Avoid simply posting copies of maps designed for print? Consider characteristics, limitations, and opportunities of the web Too complicated and animated…. Think back to vision, cognition, perception….

10 Technology

11

12

13

14 Tacloban Philippines after typhoon Haiyan
Source:

15 How to do this? HTML: HyperText Markup Language
Functional: level 1, level 2, cell, table etc Structure interactive documents to be interpreted by your browser and lets you navigate through information CSS: Cascading Style Sheets Instructions to the browser on how to render the text More about control over how results look Define how documents look CARTO uses CSS

16 Javascript (different from java)
Way of animating HTML in the browser When you have a service that performs geocoding and delivers results in geojson format – javascript is used to do something with geojson in browser – for example show points on map canvas Any animated control on web maps is in javascript CartoDB uses Javascript D3 uses Javascript

17

18

19

20

21 Cartodb.js is a Javascript library CSS

22

23 HTML

24

25

26

27

28 Required Skills Programming(Javascript) Web Design (HTML +CSS)
Spatial Databases (PostgreSQL) Linux Servers (how to host visuals)

29 Resources http://eloquentjavascript.net/
Let’s Make a Map (D3) (database extender for PostgreSQL)

30 Examples

31 Designed by Alan McConchie,
Lead Cartographer, Stamen Maps ArcGIS shape files Images, AI output Openstreetmap Google maps Stamen toner etc What is CARTO?


Download ppt "Web Cartography http://co2.digitalcartography.org/"

Similar presentations


Ads by Google