Использование контроллера ползунка для обновления данных карты/затенения? Пример:

Question

Как создать подобную карту без использования Flash? map example here

У меня есть карта США с каждым цветом, основанным на годовых данных (тепловая карта). Например, показатели ожирения с 2000 по 2010 год (каждый год будут иметь разные значения для каждого состояния). Я хотел бы, чтобы пользователь очистил ползунок, чтобы обновить карту за каждый год, подобный приведенному выше примеру.

Я очень новичок в Javascript, поэтому мне интересно, есть ли библиотека, которая могла бы помочь. Я знаю raphael.js, но не видел никаких примеров этого конкретного поведения. Спасибо за любые указатели.

Answer 1

Да, вы можете использовать API OpenLayers для создания подобной карты тепла без использования Flash. API OpenLayers основан на javascript и довольно прост в использовании. Во-первых, вы должны смотреть в основы:

http://openlayers.org/

OpenLayers HeatMap Примеры:

http://maps.seai.ie/wind/

http://dev.openlayers.org/sandbox/camptocamp/canvas/openlayers/examples/heatMap.html

http://sloweb.org.uk/ollie/heatmap/