Download presentation
Presentation is loading. Please wait.
Published bySilvia Beasley Modified over 6 years ago
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
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
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
21
Cartodb.js is a Javascript library CSS
23
HTML
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?
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.