I'm creating a google map, with some custom markers on it. Each marker has a "heat" parameter, and I would like to design those markers depending on this parameter. But I can't figure the best way to do it.
Let's say if I have a marker with a score of 100, and another one of 30, I would like to show that the one with a score of 100 is hotter of course, but I don't know what is the best way. Coloring them with shades or red? And turning this red to yellow the less hot the marker is? Is this a good way?
I'm coding with javascript, but I'm bad at designing and coloring things. So I'm kind of open-minded about colors and animations, but I don't actually know how to use them. Also, I would like to show which marker is the hottest one. I thought about bordering this one, or maybe making him pulse with an animation. I don't see as many examples over the web showing a lot of markers "ranked" with some color, or whatever else. I also thought about the size of the marker, but I ask you what is the best way.
I don't ask you to do the job for me, like the coding or whatever else, just to give me an idea of how a designer would solve this "heat" problem.