[Pro] Color Gradients – Beta Feature

You are here:

Currently this feature is still in Beta and not officially supported.

While it’s not officially supported, there’s a trick that will allow you to colour regions with gradient colours. Available from version 1.5.5.

In the colour field, manually write the colours you want to be part of your gradient separated by a | character. For example:

#CCCCCCC|#000000
[Pro] Color Gradients - Beta Feature

The colour picker will not accept that as a valid colour, but the map will still render it. You can add as many colours as you want, separated by the | character.

To control the direction of the gradient, in the custom JS field of the map, add the following:

let igmGradientRotation = 90;

The rotation will define the direction of the gradient.

To change the gradient type to Radial, add this to the custom JS field of the map:

let igmGradientType = 'RadialGradient';

Posted by Carlos Moreira

Lead developer of Interactive Geo Maps plugin.