In 2020 I was working with leaflet maps for a EU-research project called liaison2020.eu. It was about showing some 100-200 contributions on interactive maps.

The frontend allows to do some simple text-search on markers content and also interact with markers and text-based presentations in a bilateral way.

Since the whole site runs on wordPress and the contributions are custom post-type items, I build a gutenberg block allowing to manage the various interactive maps on certain places on the site.

Tech in use
leaflet on the frontend. gutenberg, react, redux in the backend

Some background
The gutenberg block makes use of data provide by WP-REST-API endpoints. By the time of 2020 this was not straigthforward, since wordpress redux stores were kind of weird. Some documentation is found here: https://github.com/larsloQ/gutenberg-block-with-native-redux-store-experiment

Here is some more documentation about this project.

Some reminders
mapbox.com allows us to build sophisticated interactive maps.