Lizmap Web Client


Create web map applications from your QGIS desktop


Etienne Trimaille
๐Ÿฆ @etrimaille

FOSS4G - Firenze 2022 @LizmapForQgis

3Liz

  • French company
  • Open Source forever, check our GitHub https://github.com/3liz/
  • Core contributors in QGIS, server side mainly
  • PyQGIS development, Lizmap server hosting, trainings about PyQGIS, PostGIS...
FOSS4G - Firenze 2022 @LizmapForQgis

QGIS Desktop

We might spend a lot of time configuring our project in QGIS Desktop โฐ

  • Setting up layers and relations

  • Layer symbology

  • Build form to make it easy to add data

  • PDF print layout

  • ...

FOSS4G - Firenze 2022 @LizmapForQgis

QGIS Desktop

FOSS4G - Firenze 2022 @LizmapForQgis

Need to share your work ?

  • We already use and love QGIS as our main GIS tool
  • We are used to it !
  • Then we need to publish a full-featured application to the web ?
  • We do not want to spend again time to set up and configure web maps in complex admin panels, re-styling layers, forms etc
FOSS4G - Firenze 2022 @LizmapForQgis

One thing to know

FOSS4G - Firenze 2022 @LizmapForQgis

On top of QGIS Server

  • Lizmap Web Client

  • Prepare on QGIS desktop, deploy on Lizmap

  • Github, open source : Mozilla Public Licence

  • Web administration panel is mainly for authentication and authorization management (users and groups)

  • All other configurations are done within QGIS desktop

FOSS4G - Firenze 2022 @LizmapForQgis

History

  • Created as a simple QGIS project web viewer
  • based on QGIS server and its OGC capabilities : WMS, WFS, WPS...
  • has evolved to a full-featured web GIS application generator by integrating many QGIS great native features : symbology, relations, printing, forms
FOSS4G - Firenze 2022 @LizmapForQgis

How to

  • Create a project with some layers
  • Use the Lizmap plugin to configure some options specific for the web (extent, scales, tools available)
  • And upload on the Lizmap server
  • You've got a web map based on the QGIS project

FOSS4G - Firenze 2022 @LizmapForQgis

The power of QGIS Server

A few days before the FOSS4G, in my Twitter timeline ๐Ÿค”

FOSS4G - Firenze 2022 @LizmapForQgis

The power of QGIS Server

Oh, wait ... I like opensource, just sharing tips๐Ÿค—

FOSS4G - Firenze 2022 @LizmapForQgis

The power of QGIS Server

It seems I had nothing to do to make it work on the web ๐Ÿ˜‹

Available on https://demo.lizmap.com/, download it !

FOSS4G - Firenze 2022 @LizmapForQgis

  • The original author didn't plan to publish it on the web at the beginning
  • But, thanks to QGIS Server, same code base as QGIS Desktop, 99% of the job to publish it and share this project ๐Ÿš€
FOSS4G - Firenze 2022 @LizmapForQgis

Use cases of Lizmap

Some examples to demonstrate
the main features

FOSS4G - Firenze 2022 @LizmapForQgis

Map Catalog in Meylan

French city in the Alps
Publish thematic maps for citizens
Eye-candy, with simplicity
https://geo.myelan.fr

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

CSS, theme in Calvados and Gard

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Embed in another website - AF3V

  • Possible to embed Lizmap in another website
  • AF3V : French association about bicycle routes
  • https://Af3v.org
FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Dataviz with land use in Guadeloupe

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Identify feature

  • ADUGA, Urban planning agency
  • Highlight key figures of local business parks
  • Use core QGIS HTML Maptip to use QGIS expressions
FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Layer editing

Setting up forms in QGIS desktop can be very powerful !

thanks to many features such as Drag&Drop designer, container, visibility by expression, constrains, widgets...

FOSS4G - Firenze 2022 @LizmapForQgis

Layer editing

Different kind of native editing widgets from QGIS desktop : date picker, dropdown, text input, checkox...

FOSS4G - Firenze 2022 @LizmapForQgis

Layer editing

Constraints with a QGIS expression

FOSS4G - Firenze 2022 @LizmapForQgis

Layer editing

Constraints with a QGIS expression

center

FOSS4G - Firenze 2022 @LizmapForQgis

Layer editing - Extra capabilities

  • Geolocation, GPS accuracy control for field mapping
  • Snapping with existing features
  • Geometry toolbar
    • Reverse line geometry etc
FOSS4G - Firenze 2022 @LizmapForQgis

Form filtering in Narbonne

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Extent Lizmap core with some additional modules ๐ŸŒŸ

FOSS4G - Firenze 2022 @LizmapForQgis

AltiProfil

FOSS4G - Firenze 2022 @LizmapForQgis

French address

  • Funded by Calvados, French province
  • Support for municipalities
  • Helper to manage addresses
  • Auto generation of address number
  • Export to the French standard (BAL) for the national DB
  • Specific GIS application
FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Cadastre - Business application

  • Funded by a group of cities
  • Search parcels by location or owner
  • Dedicated Cadastre Lizmap modules with a QGIS Server Python plugin
  • Lizmap native access control to protect these sensitive data
FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Web Processing Service

  • To expose QGIS Processing (the toolbox and modeler) on the web

FOSS4G - Firenze 2022 @LizmapForQgis

Extent Lizmap with some additional JavaScript

https://github.com/3liz/lizmap-javascript-scripts

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Add a Mapillary viewer

This idea and Javascript code was initiated by a Lizmap user in Italy (Francesco Bursi), and then we also add to develop it

FOSS4G - Firenze 2022 @LizmapForQgis

Access control

  • Possible to have users and groups
  • Different level of filtering and check access control :
    • Make group of projects visible or not on the landing page
    • Make projects visible or not
    • Make layers visible or not
    • Make editing available or not for a layer
    • Within the same layer, make features visible or not (either by attribute or by spatial intersection)
FOSS4G - Firenze 2022 @LizmapForQgis

Access control

  • Spatial filtering, like a mask layer

center

FOSS4G - Firenze 2022 @LizmapForQgis

A growing community

  • Different kind of users
    • Private companies
    • Public organizations
    • Research centers
  • Main contribution from the Open Source community in
    • translations
    • the Javascript library
    • helping each other on the Lizmap mailing list
    • and gis.stackexchange.com
    • and writing some documentation
FOSS4G - Firenze 2022 @LizmapForQgis

Translations

๐Ÿ‡ฌ๐Ÿ‡ง ๐Ÿ‡จ๐Ÿ‡ฟ ๐Ÿ‡ซ๐Ÿ‡ท ๐Ÿ‡ต๐Ÿ‡น ๐Ÿ‡ฏ๐Ÿ‡ต ๐Ÿ‡ท๐Ÿ‡บ ๐Ÿ‡บ๐Ÿ‡ฆ ๐Ÿ‡ฎ๐Ÿ‡น ๐Ÿ‡ต๐Ÿ‡ฑ ๐Ÿ‡ท๐Ÿ‡ด ๐Ÿ‡ฉ๐Ÿ‡ช ๐Ÿ‡ธ๐Ÿ‡ฐ ๐Ÿ‡ธ๐Ÿ‡ช ๐Ÿ‡ง๐Ÿ‡ท ๐Ÿ‡ช๐Ÿ‡ธ ๐Ÿ‡ณ๐Ÿ‡ฑ ๐Ÿ‡ญ๐Ÿ‡บ ๐Ÿ‡ซ๐Ÿ‡ฎ ๐Ÿ‡ฌ๐Ÿ‡ท ๐Ÿ‡ณ๐Ÿ‡ด ๐Ÿ‡ฆ๐Ÿ‡ท ๐Ÿ‡ฎ๐Ÿ‡ฉ ๐Ÿ‡ธ๐Ÿ‡ฎ

FOSS4G - Firenze 2022 @LizmapForQgis

Translations

August 22nd 2022

FOSS4G - Firenze 2022 @LizmapForQgis

Freely usable and used worldwide

FOSS4G - Firenze 2022 @LizmapForQgis

FOSS4G - Firenze 2022 @LizmapForQgis

Roadmap

FOSS4G - Firenze 2022 @LizmapForQgis

Roadmap

  • Next version 3.6 is in beta
  • Version 3.6.0-beta2 released last month
  • Current target, release the final version 3.6.0 in the coming weeks
  • Development on 3.7 has already started ๐Ÿš€
FOSS4G - Firenze 2022 @LizmapForQgis

Changelog 3.6

FOSS4G - Firenze 2022 @LizmapForQgis

Version 3.7 has started

  • Form filter
  • Dataviz improvements
  • Layer tree improvements
  • Use more and more the QGIS Server Lizmap plugin
  • ...
FOSS4G - Firenze 2022 @LizmapForQgis

Ongoing efforts

under the hood

  • Refactoring
  • Migrating some map components to OpenLayers 7
  • Unit tests
  • End2End tests
FOSS4G - Firenze 2022 @LizmapForQgis

End2end

FOSS4G - Firenze 2022 @LizmapForQgis

Questions

@etrimaille

@LizmapForQgis

@3LIZ_news

FOSS4G - Firenze 2022 @LizmapForQgis