Визуализация. Как создать тепловую карту?

Question

[Kogene]

Всем здравствуйте!
Такой вопрос: есть таблица в БД с рейтингом стран по стоимости авиаперелета из Москвы, наподобие:

Корея - 35000
США - 27500
Казахстан - 12000
...

Как по этой таблице построить тепловую карту на карте мира?
Наверное, нужно получить сперва координаты каждой страны? Но как?

Я новичок. С чем-то похожим раньше не сталкивался, поэтому прошу совета или примера.
Спасибо.

Answer 1

[Dmitry Bay]

Если для ученических целей...

1) Берете canvas world map проект (какой найдете), например https://github.com/gardaud/worldmap-canvas .
2) Делаете маппинг цвета к параметру стоимости.
3) делаете маппинг стран
4) добавляете цвет для определенной страны.

Comments

[Kogene]

Дмитрий Байчапанов Спасибо!
А что значит сделать маппинг цвета к параметру стоимости?
То есть обозначить, например, цена > 40000 --- красный цвет, цена < 40000 --- желтый цвет?

[Dmitry Bay]

Да, описываете градацию цветов от красного до зеленого например.

Можете функцией сделать, динамично. Можете статично забить.

[Kogene]

Дмитрий Байчапанов
ОК. Идея ясна.
Потом значит, добавить страны на карту.
Затем функцией определять цену страны на карте и если она попадает под определенные условия, разукрашивать страну в цвет для диапазона цены?

[Dmitry Bay]

Kogene,

еще проще. Генерируете массив страны с цветом по формуле и получаете массив;

[
'russia'=>'99' // где 99 - это индекс цвета.
]

Далее индекс превращаете в цвет любым удобным для вас способом.

[
'russia'=>'#fffffff' // где это сгенерированный цвет.
]

Далее отправляете в js отправляете массив с цветами. и уже через js проходитесь по массиву и подкрашиваете цвета стран.

[Kogene]

Дмитрий Байчапанов,
Звучит просто, но я немного не понимаю. С js незнаком.
1. Сначала каждой паре страна-цена установить индекс цвета в зависимости от цены. Всего 3 индекса, т.е. 3 группы
2. Потом собрать все в массив
3. Перевести индекс в цвет
4. Отправить в js. Как?

[Dmitry Bay]

Kogene, уже отдали бы 1тр на фрилансе и вам бы все сделали.

Все ваши вопросы гуглятся.

Answer 2

[stasel]

На Хабре было недавно

https://habrahabr.ru/post/335638/
https://habrahabr.ru/post/324596/