How to Create a Web Map in QGIS (qgis2web)
Create a Web Map in QGIS
Web mapping is a great medium to publish your GIS data to the web and make it accessible by other users. Creating a web map is a very different process than creating one in a GIS. GIS users are typically aren’t web programmers and it presents a challenge when one needs to create a web map that is of the same quality as a map creating in a GIS. Fortunately, there are tools available to easily translate your work in QGIS to web maps. In this exercise, you will learn how to use the QGIS2Web plugin to create a web map using OpenLayers or Leaflet libraries from your QGIS project.
- Add Vector Layer to Layers panel for creating web map, assign symbology & display label etc.
Figure 233 - QGIS Canvas with shapefile & OSM layer
- Choose Plugins→ Select qgis2web Plugin and click on Install Plugin
Figure 234 – qgis2web Plugin install window
- Choose Web→ Select qgis2web→ Create Web Map
Figure 235 - Export to web map window
- Select Openlayer, Leaflet or Mapbox GL JS for overlaying of map and click on Update preview.
- Select they type of popup data from no label, inline label and header label
- Click on Appearance tab
- Click on Add address search to activate
- Add Layers List from Collapsed or Expanded
- Select attribute filter to add function for each filter type and apply filter selection of all filters to all layers.
- Click on Geolocate User to add the location of user
- Click on Highlight on hover (the feature will be highlighted when mouse hovers over it)
- Click on Layer Search and provide the attribute value to be searched
- Click on Match Project CRC (if required only or else leave blank)
- Click on Measure tool from Metric / Imperial
- Click on show popups on hove (popup will be shown when mouse hovers over it)
- Click on Template and select canvas size or full screen (Map will be displayed accordingly)
- Click on widget background according to map display
- Click on widget icon to change the color of icon according to map display
- Under Scale/Zoom – Select the extents of the map from canvas extents / fit layers extent
- Select Max & Min zoom levels from 1 to 28
- Click on Update preview
- Click on Export tab
- Under Data exporter choose export to folder or export to ftp site
- Click on and select the folder where webmap will be exported.
- Click on Export
Figure 239 - Export window
- Once the export is complete, web map will be open in the web browser automatically.
Figure 240 - Webmap created with qgis2web plugin
Comments
Post a Comment