Web Maps

Objectives
This assignment explores how to create web maps in QGIS.

Part 1: QGIS Tutorial Videos
Start by downloading a7data.zip so that you can follow along as you watch the series of short instructional videos that introduce you to the software and techniques required to complete the following:
7.1: Installing the qgis2web plugin
7.2: Getting started with the qgis2web plugin
7.3: Hiding unnecessary fields
7.4: Exploring the exported web map folder
7.5: Setting up a map with layer visibility based on scale
7.6: Exporting a scale dependent map using the qgis2web plugin

Part 2: Creating Web Maps with QGIS
Data
The data for this lab is available through Learn.
Exercise
Video 7.1. Getting started with the qgis2web plugin
Video 7.2. Adding search capabilities to the web map
Video 7.3. Setting up a map with layer visibility based on scale
Video 7.4. Exporting a scale dependent map using the qgis2web plugin

Tasks:

1. Use the qgis2web plugin to create a web map based on the choroClassEx.qps provided in the lifeexpectancy folder in the Lab8data.zip. Using QGIS, modify the classification and styling as you see fit and hide any unnecessary attributes. Use the qgis2web plugin to export the qgis project to a web map (be sure to try the various options under the Appearance section of the Export to web map dialog). Find the location of the exported folder on your computer and open the index.html file in a web browser on your computer. Take two screenshots of your web map that highlight the capabilities of the web map and include them in your assignment document. In addition to the two screenshots, include a short discussion that answers the following questions:
a. Which appearance options did you enable and why?
b. Discuss any limitations or differences between your QGIS map and your exported web map.
(10 marks)

2. Using the data provided, experiment with scale dependent visibility and styling to create an effective web map. Set up your map so that it shows appropriate information when viewed at different scales (i.e. city-level detail, neighbourhood-level detail, and street-level detail). Your map should show minimal features at the scale of the entire city, but as much detail as possible when viewed at the scale of individual streets within heritage districts). Experiment with the various qgis2web export/appearance options. Export your web map and open it in your web browser on your local computer. Take screenshots showing your web map at three different scales. In addition to the three screenshots, include a short discussion that addresses the following questions/topics:
a. Which appearance options did you enable?
b. Do you find these options to be useful?
c. At what scales did you switch layer visibility from city-level, to neighbourhood-level, to streetlevel?
d. Provide a list of which layers you included in each scale range along with any Query Builder expressions you used to limit features shown in any of these layers.
e. Discuss any limitations that you noticed with the web map that you exported.

See a7data.zip

Web Maps Objectives This assignment explores how to create web...