I'm trying to draw a temperature heatmap layer on top of the map. But here the problem arises that the heat map overlaps the names of cities,
as in the first screen.
When adding opacity, the color palette changes and the names of cities are still not clearly visible example 2nd screenshot.
And finally, when adding the property
context.globalCompositeOperation = "multiply";
I achieve the desired result, but the heatmap itself changes the palette, probably due to mixing colors with the bottom layer. Example
If anyone has any ideas or suggestions in which direction to move, I will be very grateful.