Клуб API Карт

heatmap yandex карты

Пост в архиве.

Некто Patrick Wied написал библиотеку heatmap.js для отображения тепловых карт.

В документации есть примеры работы с Google, ArcGIS, OpenLayers и Leaflet.

Планируется ли создание примеров для использования этой библиотеки с API карт яндекса?

12 комментариев

Спасибо за наводку. Изучим, посмотрим. А вам тепловые карты для какого проекта нужны?

Чтобы визуально на карте было понятно откуда больше заявок за определенный период,

что-то вроде инфографики.

Я тоже присоединяюсь к этому вопросу. Пример такой карты можно найти здесь http://www.domoway.ru/map/ (Нужно кликнуть ценовая карта). Если сделаю пример, выложу

Бабуль, при изменении зума - слой heatmap смещается, можно как-нибудь это пофиксить?

Владислав Турман
28 января 2016, 02:28

И вот я вновь вернулся к данной задаче, а пример уже не работает. Ошибка bounds.getPixelGeometry.getBounds(), исправил на bounds.getPixelGeometry().getBounds(), а слой так и не отображается (

Владислав Турман
28 января 2016, 02:28

http://jsfiddle.net/sty3k/3/

я понимаю, что твоя библиотека для яндекс карт и heatmap не идеальна, но убрал коммент в _redraw() и заработало. Я не совсем понял, а ymaps.pane еще не добавлен в документацию? Не исчезнут ли эти методы из API в следующих версиях?

Владислав Турман
28 января 2016, 02:28

В примере видно, что есть еще неточности отображения. Например, если вернуться на 0 зум и подвигать карту heatmap то круглый, то вытянутый. С моими данными из базы происходит примерно тоже самое (((

Удалённый пользователь
28 января 2016, 02:28

Вы, случайно, не поправили пример до стабильно работающего, с нормальным зумом без скачков теплового слоя?

Владислав Турман
28 января 2016, 02:28

нет, с кодом моего примера я больше ничего не делал, пока оставил так, даже с такими проблемами результат, пока, устраивает. Лучше чем ничего)

Удалённый пользователь
28 января 2016, 02:28

Доброй ночи.

В первую очередь спасибо большое за пример. Немного поправил поведение при масштабировании, чтоб изображение не скакало, а масштабировалось максимально приближенно к результату. Для этого использовал ивент "autotickcomplete". В результате получилось, что данный ивент вызывается не только при масштабировании, но и при перетягивании карты из-за чего перетягивание немного тормозит. Буду благодарен, если подскажете в какую сторону копать, т.к. с Яндекс АПИ пока мало знаком.

 

Ссылка на подправленный вариант http://jsfiddle.net/UkD3C/

Не плохой ресурс.