[kml_flashembed publishmethod=”static” fversion=”8.0.0″ movie=”http://carolinebeavon.com/wp-content/uploads/2010/03/festivals-map-X.swf” width=”550″ height=”400″ targetclass=”flashmovie”]
As a keen festival goer, I thought it would be interesting to MAP where some the larger bands can be seen playing this summer.
I am hoping to work on a larger version of this map for a later assignment, but this is a taster of what is to come!
I took the 6 big UK festivals, Glastonbury, T in the Park, Reading/Leeds, V Festival, Download and Sonisphere and noted down all the bands who headlining, whether that is the main stage or second stage.
I wanted a clickable flash map where you could see where your favourite band was playing, and if they were playing multiple events over the summer.
- Find headliner information from official festival website
- paste a map of the UK into new Flash CS4 document
- Create a second layer and write a list of bands names down the left hand side (leaving room for further additions as Reading/Leeds have not announced any bands yet)
- Turn each band name into a BUTTON, with the text turning red and showing red points, Festival name, and appearance date on the map for the OVER, DOWN and HIT options
- export map as *.swf file, upload into WordPress and embed
I wanted to create a second tier to the map, where the user could click on the Festival point on the map and be shown all the band playing (marked with red boxes around their names)
Unfortunately the map was too crowded with “hotspots” and became messy
I may still simply add a list of festival names NEXT to the map, so the user can click on those and see all the bands playing.
There is a slight glitch with the map in that it has turned the FESTIVAL NAMES TEXT BOXES into buttons – so if the mouse rolls over those, it highlights one of the bands playing. (If it highlighted ALL of them, that would have solved my above problem, but it does not)
I also had a few problems working out how to embed the file into Wordress. The solution was simple
- upload the file into Media
- install the Kimili Flash Embed Tag plugin
- Type in the name, tweak the size and it’s done!