Web Mapping and Cartography

Course Overview ¶

This comprehensive course teaches participants how to design and develop professional web mapping applications using open source JavaScript libraries. Participants will learn fundamental web development technologies (HTML, CSS, JavaScript) in the context of mapping applications, explore popular mapping libraries including Leaflet and OpenLayers, and apply cartographic principles to create effective and beautiful web maps.

Through hands-on projects, participants will build fully functional web mapping applications ready for deployment.

What You Will Learn ¶

• Web development fundamentals (HTML, CSS, JavaScript)
• Introduction to Leaflet and OpenLayers libraries
• Consuming OGC web services (WMS, WFS, WCS)
• Working with tile services and basemaps
• Adding markers, popups, and custom overlays
• Implementing user interactions and event handling
• Creating custom map controls and widgets
• Styling vector data with dynamic symbology
• Implementing search and geocoding functionality
• Building responsive maps for mobile devices
• Cartographic principles for web mapping
• Performance optimization techniques
• Integrating spatial data from APIs and databases
• Deploying web mapping applications

Who Should Attend ¶

This course is ideal for:

• Web developers entering the geospatial field
• GIS professionals wanting to publish data online
• Cartographers transitioning to digital media
• Designers building interactive map experiences
• Communications professionals creating data visualizations

While prior programming experience is helpful, the course starts with fundamentals.

Prerequisites ¶

• Basic computer skills
• Interest in web technologies
• Familiarity with maps and spatial data
• Willingness to learn JavaScript

Course Materials ¶

All participants receive:

• Web mapping workbook
• Code templates and examples
• Cartographic design guidelines
• Deployment checklist
• Certificate of completion
• 30-day post-course email support