misterunknown: Animierte Karte

Beitrag lesen

Moin,

Der Hover-Effekt wird durch ein Skript gehandelt ( http://foederal-erneuerbar.de/plugins/zafe_map/js/zafe_maps.js ).

Das Hintergrundbild ist nur das Outline der Map, die URL grauen Elemente sind in einem globalen Objekt gespeichert (window.__map_saver). Die URL wiederum verweist auf ein Skript, welches je nach Parametrierung eine Grafik mit bestimmten Bundesland in einer bestimmten Farbe zurückgibt. Die Farbe wird innerhalb des Skripts mit folgendem Befehl geändert:

mSmall.setStyle('background-image', window.__map_saver['bg_'+mId].split('CCCCCC').join('FE9901'));  

Schlussendlich wird alles über entsprechende Handler verwurstet, die das Ding funktionieren lassen. Guck dir einfach mal das Skript an.

Grüße Marco