Magnify Mapbox Control

This is a control meant to help with accessibility for people who have vision impairments and wish to be able to see elements more clearly on Mapbox maps. You can easily add this control and customize the amount of magnification it allows.

Example

Usage

Download and add a script tag referencing the magnify-control.js from the repo, or copy the code therein into your Javascript file.

In your code after the map is initialized, add :

map.addControl(new MagnifyTextControl());

This will initialize the control with default options. The other options are:

const options = {
  textLayers : [],
  magnificationFactor : 2
}

textLayers will take a list of layer IDs if you wish to only magnify certain text layers. By default, the map will magnify all text layers.

magnificationFactor is the factor by which the text size will increase on magnification.

Support or Contact

Having any trouble? Get in touch with us at https://mapster.me.