I was watching Harry Potter in addition to the Prisoner of Azkaban final black in addition to it occurred to me that I even in addition to hence haven't seen a practiced interactive version of the Marauders Map. I had a couplet of hours costless this morn in addition to hence I decided to order it a go.
I'm non exclusively happy amongst my Marauders Map but I idea I'd portion it whatever way. I styled OpenStreetMap map tiles using Mapbox Studio. Looking at images online of the Marauders Map used inwards the Harry Potter films it seems to me that the map basically contains simply identify labels in addition to edifice footprints.
So my Marauders Maps too has edifice footprints in addition to map labels, colored every bit unopen to the master copy every bit possible. I too changed the label font to something which I idea looked suitably wizardry.
To animate a marking on the map I used the Leaflet.AnimatedMarker plugin. For the footprint marking I used an icon from the Map Icons Collection. If I teach a footling fourth dimension I'll update the marking to include 2 feet (at the instant I seem to survive tracking a i legged wizard, hopping simply about London).
The map isn't great. I need to refine the styling a footling to a greater extent than in addition to amend the map icon. It would too survive overnice to travel on the animated marking in addition to hence that the marking rotates to human face upwardly the direction of movement.
