Widget HTML Atas

Where's Voldemort?


CartoCSS inward Mapbox Studio includes a handy alternative to supercede town names on your map amongst whatever text of your choice. I idea that I could role this alternative to alter some random towns on my Harry Potter themed map amongst names used inward J.K. Rowling's serial of novels. For example,
[name_en='Bracknell'] {
    text-name: '"Little Whinging"';
}
turns the get upwards of the town of Bracknell inward England to 'Little Whinging'.

It in addition to then occurred to me that I could role this part to add together textual clues to the map in addition to practice a petty treasure hunt. For example,
[name_en='Alnwick'] {
    text-name: '"Hogwarts (search inward Budleigh Salterton)"';
}
changes the town get upwards of Alnwick to 'Hogwarts' in addition to too provides a clue to the map user that they should search inward 'Budleigh Salterton'.

By adding a publish of textual clues to my Harry Potter themed map I accept been able to practice a petty Where's Voldemort map. Follow the clues on the map in addition to yous tin assistance Harry Potter discovery the location of 'he who can't hold upwards named'.

The clues are really tardily (to hold upwards honest they aren't actually clues at all precisely uncomplicated instructions). When I teach some fourth dimension I powerfulness displace to intend upwards some riddles to solve inward gild to brand this treasure hunt a petty harder. For similar a shot the map tin hold upwards viewed every bit an instance of how yous tin practice a map treasure hunt game using Mapbox Studio.

My Harry Potter themed map agency is nearly completely copied from Mapbox's novel Lord of the Rings map style. All I've actually changed is the map font in addition to town shields (switched from the 'one ring' to a wizard's hat).

I've too added a publish of map markers to the map, which present some of the U.K. locations used inward the Harry Potter serial of films. I tweaked the Leaflet.js css agency a petty on the map to furnish a transparent edge roughly the marking pop-ups. In my imagination this equates to Harry Potter's cloak of invisibility.