Лучший способ создания маркеров карты на основе их параметра «тепло»

Я создаю карту Google с некоторыми пользовательскими маркерами. У каждого маркера есть параметр «нагрев», и я хотел бы спроектировать эти маркеры в зависимости от этого параметра. Но я не могу придумать лучший способ сделать это.

Скажем, если у меня есть маркер с оценкой 100, а другой с 30, я хотел бы показать, что тот, у которого оценка 100, конечно, горячее, но я не знаю, как лучше. Раскрасить их тенями или красным? И превращая этот красный цвет в желтый, маркер становится менее горячим? Это хороший способ?

Я кодирую с помощью javascript, но я плохо разрабатываю и раскрашиваю вещи. Так что я непредвзято отношусь к цветам и анимации, но на самом деле я не знаю, как их использовать. Кроме того, я хотел бы показать, какой маркер является самым горячим. Я думал об этом, или, может быть, заставить его пульсировать с анимацией. Я не вижу в Интернете столько примеров, показывающих множество маркеров, «ранжированных» каким-то цветом или чем-то еще. Я тоже думал о размере маркера, но спрашиваю, как лучше.

Я не прошу вас делать за меня работу, например кодирование или что-то еще, просто чтобы дать мне представление о том, как дизайнер решит эту «тепловую» проблему.

Я думаю, вам больше всего поможет поиск примеров того, как такие вещи работают. Вы должны искать такие термины, как «тепловые карты», и смотреть, как картографические сервисы делают подобные вещи.
@ZachSaucier «тепловая карта» или «тепловая карта» - это особый термин на жаргоне географии / картографии, который относится к чему-то несколько другому, поэтому поиск этого, вероятно, даст плохие результаты. "температурная карта" подойдет лучше.

Ответы (2)

Лично я считаю, что для получения полного ответа необходимо больше информации о том, что именно вы указываете маркерами, но, возможно, это поможет вам начать работу.

Предполагая, что вы говорите о «горячем» в температуре, наиболее распространенный способ указать температуру, с которым я столкнулся, - это зеленый, желтый и красный цвета. Зеленый — самый холодный, красный — самый горячий.

Синий и красный также часто используются для обозначения того, является ли что-то горячим или холодным, но эти цвета смешиваются с фиолетовым при работе с градиентами, что может сбивать с толку.

Что касается размера, я бы постарался не играть с размером маркеров. Часто есть два размера маркеров: меньший для менее важной информации и больший для важной информации. (т.е. большие города получают большие маркеры, районы получают маленькие маркеры).

Я думаю, что комментарий Зака ​​тоже хорош, проведите небольшое исследование веб-сайтов, посвященных дизайну, чтобы узнать, что выбирают другие люди, и выяснить, что соответствует вашему конкретному проекту.

Я уже провел исследования, задавать здесь вопрос — это последнее, что я делаю. Спасибо за ваш ответ, но я не дал достаточно информации, дело не в температуре, это больше похоже на жаркость темы, ветки, например, на первой странице или в Reddit. Но я сделал свой собственный механизм: я закрашиваю от желтого к красному, меняю непрозрачность и z-индекс (самый холодный = самый низкий z-индекс, непрозрачность и почти желтый), с белой тонкой рамкой и самым горячим маркером. фиолетовый с пульсирующей анимацией.
В этом случае я бы выбрал цвет, соответствующий стилю предмета, и взял темные и светлые оттенки. Например, для самых модных магазинов выберите оттенки от светло-розового до темно-розового.
Я отредактировал свой предыдущий комментарий и работаю над картой в темном стиле, поэтому думаю, что поиграю со светлыми оттенками для маркеров. Вот результат с поддельными маркерами: imgur.com/5puSjwb

ColorBrewer — это инструмент для разработки цветовых схем для карт с учетом таких вещей, как тип данных, количество классов, на которые они делятся, и должна ли она быть безопасной для печатных пользователей или пользователей с дальтонизмом.