Instructor: Bo Zhao, [email protected] | Office Hours: W 1400-1500 or by appt. @STRAND 347

Lecture: MWF 1200 - 1250 @WLKN 235 | Lab: Th 1000 to 1150 @WLKN 210

Catalog course description: GEOVISUALIZATION: WEB MAPPING (4).

Current developments in Internet mapping and advanced cartographic skills applied to web-based maps. Techniques of Internet mapping and principles of web-based cartography, including multimedia, animation, 3D visualization, and user interface design. PREREQS: GEOG 201 or GEO 301.

Welcome to GEOG 371: Web Mapping 🌎! This course introduces current developments in web mapping and advanced cartographic skills applied to interactive map design. By using open sourced libraries (Leaflet, Cesium, storymap.js, Bootstrap, jQuery), free or open source software (QGIS, Webstorm), project management services (GitHub), and web mapping services (GeoServer, MapBox), students can learn both the principles of web-based cartography and the practical skills for web mapping, and develop the capabilities of map aesthetics and critique. The lectures focus on the theories and principles behind web mapping, including system architecture, responsive design, user graphic design, map design and geo-narrative. The lab exercises focus on practical skills for web programming, 2d and 3d web mapping, web mapping services, and digital storytelling. The mid-term focuses on basic concepts and web programming techniques. There is no final exam, but each student is expected to design a web map and deploy it to an openly accessible server. Feel free to contact Dr. Bo Zhao for more information. 🙋

Syllabus

Course Project:star:

• Guideline (WK02)
• Proposal (WK03)
• Data Source (WK04)
• Interface Sketch (WK05)
• Map Critique (WK08)
• Peer Review (WK10)
• Final Presentation (WK10)

• Favicon
• Videos
• Images
• Iconagrpahy
• Web Fonts
• Colors
• Social media

No required textbook, but required papers and online materials will be available on the course repository on GitHub.

Html, CSS, Javascript, Markdown and GeoJson

Chrome, Webstorm, Typora, QGIS, and GeoServer ​

GitHub, jsfiddle, Mapbox, W3Schools, and geojson.io ​

Jquery, Bootstrap, Leaflet, Storymap.js, and Cesium

• 🏆 A story map on Infrastructure for Water Management from a former student has won the environmental challenge 2017

This course material is maintained by the Cartography and Geovisualization Group at Oregon State University. Some of the material in this course is based on the classes taught at MIT and Penn State University. We have heavily drawn on materials and examples found online and tried our best to give credit by linking to the original source. Please contact us if you find materials where the credit is missing or that you would rather have removed.