BlueMap has a feature that allows us to inject any custom JavaScript (and CSS) snippets that we want into the web app.
This allows us to add custom functionality to the web app, such as extra buttons, a ruler, and more.
This repository contains a collection of some such scripts for the BlueMap Web App.

Notice: The BlueMap UI is currently not programmed to be customised, so there is currently no simple way to do this.
However, there are some workarounds to customise the UI anyway, which you can find in the scripts below.

The proper way to customise the BlueMap UI would be to clone the BlueMap webapp source code, modify that, and recompile it.
That is very complicated, though, and also a lot of effort.
You can find a guide on how to do this here, but please note that it is written for people who are already familiar with web development.

• Custom Sidebar Button
• Distance Measurer / Ruler
• Map Icons
• Watermark

You can find the most up-to-date installation instructions for WebApp Scripts on the BlueMap Wiki.

Some scripts are designed to be edited by you, however.
If that is the case, the README of that script will explain the extra steps required.

To get support with any of these addons, scripts, or styles, please join the BlueMap Discord server and ask your questions in #3rd-party-support. You're welcome to ping me, @TechnicJelle.

If you have a script that you think would be useful to others, or have a useful modification to an existing script, please feel free to create a pull request!

Make sure that each script has its own folder, with a README.md file that explains what the script does, how to install it, and how to use it.
Please make sure that the readme is understandable standalone.
It should also contain a demonstration video or screenshot, and a link to the original author.

And don't forget to add your script to the list above!