La mejor manera de diseñar marcadores de mapas en función de su parámetro de 'calor'

Estoy creando un mapa de Google, con algunos marcadores personalizados. Cada marcador tiene un parámetro de "calor", y me gustaría diseñar esos marcadores en función de este parámetro. Pero no puedo imaginar la mejor manera de hacerlo.

Digamos que si tengo un marcador con un puntaje de 100 y otro de 30, me gustaría mostrar que el que tiene un puntaje de 100 es más bueno, por supuesto, pero no sé cuál es la mejor manera. ¿Colorearlos con sombras o rojo? ¿Y convertir este rojo en amarillo cuanto menos caliente esté el marcador? ¿Es esta una buena manera?

Estoy codificando con javascript, pero soy malo diseñando y coloreando cosas. Así que tengo la mente abierta sobre los colores y las animaciones, pero en realidad no sé cómo usarlos. Además, me gustaría mostrar qué marcador es el más popular. Pensé en bordear este, o tal vez hacerlo latir con una animación. No veo tantos ejemplos en la web que muestren muchos marcadores "clasificados" con algún color o cualquier otra cosa. También pensé en el tamaño del marcador, pero te pregunto cuál es la mejor manera.

No te pido que hagas el trabajo por mí, como la codificación o cualquier otra cosa, solo para darme una idea de cómo un diseñador resolvería este problema de "calor".

Creo que sería más útil buscar ejemplos de cómo funcionan este tipo de cosas. Debe buscar términos como "mapas de calor" y ver cómo los servicios de mapas hacen cosas similares.
@ZachSaucier "mapa de calor" o "mapa de calor" es un término específico en la jerga de geografía/cartografía que se refiere a algo algo diferente, por lo que buscarlo probablemente dará malos resultados. "mapa de temperatura" sería mejor.

Respuestas (2)

Personalmente, creo que se necesita más información sobre lo que está indicando exactamente con los marcadores para dar una respuesta completa, pero tal vez esto pueda ayudarlo a comenzar.

Suponiendo que está hablando de "calor" en la temperatura, la forma más común que he encontrado para especificar la temperatura es con los colores verde, amarillo y rojo. El verde es el más frío y el rojo el más cálido.

El azul y el rojo también son comunes para indicar si algo está caliente o frío, pero estos colores se mezclan con el púrpura cuando se trabaja con degradados, lo que puede resultar confuso.

En cuanto al tamaño, intentaría no jugar con el tamaño de los marcadores. A menudo hay dos tamaños de marcadores, más pequeños para información menos importante y más grandes para información importante. (es decir, las grandes ciudades obtienen marcadores grandes, los vecindarios obtienen marcadores pequeños).

Creo que el comentario de Zach también es bueno, investiga un poco en los sitios web de diseño para ver qué eligen otras personas y descubre qué se adapta a tu proyecto específico.

Ya he investigado, hacer una pregunta aquí es lo último que hago. Gracias por su respuesta, pero no brindé suficiente información, no se trata del calor de la temperatura, es más como el calor de un tema, un hilo, como en la página principal o reddit, por ejemplo. Pero he hecho mi propio mecanismo: coloreo de amarillo a rojo, y cambio la opacidad y el índice z (más frío = índice z más bajo, opacidad y casi amarillo), con un borde delgado blanco y el marcador más caliente es de color púrpura con una animación pulsante en él.
En ese caso, elegiría un color que coincida con el estilo del sujeto y tomaría tonos claros y oscuros. Para las tiendas más populares, elija tonos de rosa claro a rosa oscuro, por ejemplo.
Edité mi comentario anterior y estoy trabajando en un mapa de estilo oscuro, así que creo que jugaré con tonos claros para los marcadores. Aquí está el resultado con marcadores falsos: imgur.com/5puSjwb

ColorBrewer es una herramienta para diseñar esquemas de color para mapas, teniendo en cuenta cosas como el tipo de datos, en cuántas clases se divide y si debe ser seguro para los usuarios de impresión o daltónicos.