Learning map

Activities ::: mod_learningmap
Maintained by Mebis Lernplattform
A learning map provides an easy way of improving the visualization of activities and their completion state in a moodle course. It can be used for easy creation of dependent activities and individualization of learning paths.
Latest release:
734 sites
47 fans
Current versions available: 1

Learning maps

A learning map provides an easy way of improving the visualization of activities in a moodle course. Activities are represented as places (i.e. dots) on the map, connected by paths (i.e. lines). Activities and paths are initially invisible. Every time an activity attached to a place is completed, the place changes its color (e.g. from red to green) and all connected paths and places are gradually revealed.

Use of learning maps

Learning maps can be used in many ways. They can include all activities of a course or only parts of it. They can also be nested to have different map levels (e.g. one big map for a complete school year, containing smaller maps for each topic). Usually the activities shown in the map are hidden but available for the participants. By this means, the learning map can provide an easy way of creating a path of dependent activities without the necessity of using moodle access restrictions. Learning maps can be embedded on the course page (like a label) or shown on a separate page (like a page). You can include any activity with any type of activity completion in a learning map.

Start and completion

On a learning map you can define visible starting places. The first place you put on the map is a starting place by default. You can also define places as target places. They can be used for automatic completion of the map in three different ways: 1. The map is completed if one target place is reached (i.e. the linked activity is completed), 2. all target places are reached, 3. all places are reached. This is very convenient when using nested maps. As a consequence, learning maps can also be used to replace parts of the function of mod_checklist.


As a background image, you can use any image which can be viewed in a web browser (e.g. JPG, PNG, GIF, SVG). The map is resized to the size of the image and fully responsive. You can change the color of places (different colors for visited / unvisited places) and the lines of places and paths. Target places are highlighted for the participants. If necessary, you can also hide the paths or show a checkmark at visited places. The map is always updated when the completion state of a linked activity changes. If the learning map is embedded on a course page and manual completion of a linked activity is triggered, a page reload is forced to keep the map status correct. If an activity has additional restrictions (e.g. visible only after a certain date), learning map will display it only if these restrictions are fulfilled.

The plugin also supports group mode. When it is selected, it is sufficient for a place to be shown, that one member of the group has completed the previous place.

Further features (available at the advanced settings menu in the editor) include

  • showing the whole map in advance (unreachable places and paths being dimmed)
  • showing the acitivity titles next to places
  • uncovering the map step-by-step, unreachable places being hidden behind some kind of fog
  • hiding paths from the students (the dependencies built by the paths remain functional)
  • pulse animation for unvisited places
  • hover animation for places
  • hiding the stroke of places
  • displaying a checkmark at completed places

Use of the editor

Using the editor is very easy:

  1. Choose your background image - it will be immediately shown in the map editor
  2. Add places (double click on the map)
  3. Link places to activities (right click on the place)
  4. Connect places by a (single) click on both places
  5. Remove paths / places by double-clicking them
  6. Bend paths by dragging them

If a place is not linked to an activity it is shown with reduced opacity.

The editor has basic touch support (single tap = click, double tap = double click, long tap = right click).


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3
Screenshot #4
Screenshot #5
Screenshot #6
Screenshot #7
Screenshot #8


Mebis Lernplattform (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Sun, May 29, 2022, 5:09 PM
    Hi Stefan
    I have the same problem, Alaa Saeed reported. I could not find out, if his/her problem is solved. I have checked all the points you mentioned and still the places are not shown. Any idea what else I could do?
    Best regards
  • Sun, May 29, 2022, 5:51 PM
    Hi Ute,
    we were able to solve the problem. It consisted of two parts: The Windows version of PHP was compiled without libxml support, in addition, loading the local SVG DTD was not possible on Windows server systems. Both problems are solved in the current version.
    Best regards,
  • Mon, May 30, 2022, 11:42 PM
    Hallo Stefan,
    danke für die Antwort. Ich habe nochmals die neuste Version installiert, aber leider funktioniert es immer noch nicht sad Aber es ist nicht so dringend. Ich probiere es vielleicht mal mit einer späteren Version.
    Liebe Grüße
  • Mon, May 30, 2022, 11:50 PM
    Hallo Ute,
    schick mir doch mal (über das Mitteilungssystem) eine E-Mail-Adresse, unter der ich dich erreichen kann. Dann können wir mal auf Fehlersuche gehen.
    Viele Grüße
  • Fri, Aug 26, 2022, 4:57 AM
    Hello developers,

    This plugin has a lot of great potential and a lot of fun! We were wondering if keyboard avigation on the map to the different points was on your roadmap? In order to keep things as accessible as possible, we would have to still structure alternative navigation to use it as the different "places" can't be accessed using keyboard navigation.

  • Fri, Aug 26, 2022, 9:24 PM
    Hi Carli,
    thanks a lot for your comment and your feature suggestion! Feel free to open a ticket in our issue tracker.
    Best regards
  • Sun, Aug 28, 2022, 11:25 AM
    Amazing plugin and really brings the presentation of my courses to the next level.
    Wondering if it's possible to make the path between the points a bezier curve that can be adjusted?
    Or tips on how the code can be modified to add this feature. Thanks again for the Next-level plugin.
  • Sun, Aug 28, 2022, 12:43 PM
    Hi Tien,
    thanks a lot for your feedback! Bezier curves are already prepared in the data structure of the SVG but not yet implemented. If you want to make a contribution, you can either contact me here via messaging or you can open an issue on Github.
    Best regards
  • Wed, Oct 26, 2022, 2:22 PM
    Hello Stefan, think you for this plugin, so amazing ! do you know why it does not work in Moodle 3.9 ?

    we have this error "Exception : Class 'core_completion\activity_custom_completion' not found"

    Best regards
  • Fri, Oct 28, 2022, 11:52 PM
    Hi Maimouna,
    thanks a lot for your feedback and for reporting the issue! We will provide a separate branch for moodle 3.9 / 3.10 as soon as it's ready.
    Please be aware that we will drop support for moodle 3.9 / 3.10 at some point (there is no date for this yet).
    Best regards
  • Wed, Nov 2, 2022, 3:09 PM
    Thinks for your answer Stefam

    Best geards
  • Mon, Nov 14, 2022, 6:38 PM
    Hi Maimouna,

    version 0.8.2 now fixes the compatibility problem. The plugin should now work in version 3.9 and 3.10.

    Best regards
  • Wed, Nov 16, 2022, 4:27 PM
    Hello Stefan!
    This is a really great PlugIn. Would it be possible to provide maps or images directly in the plugin?
    Best regards
  • Thu, Nov 17, 2022, 5:58 PM
    Hi Sandra,
    thanks a lot for your positive feedback!
    We decided not to include images directly in the plugin as there is the repository plugin type to handle that already. Maybe you could use Pixabay repository or something similar - it integrates well with mod_learningmap.
    Best regards
  • Tue, Jan 10, 2023, 7:25 PM

    Vielen Dank für dieses Plugin! Es ist echt Toll, und meine Schüler genießen es wirklich.

    Danke für die tolle Arbeit,
1 2
Please login to post comments