Tags: map

546

sparkline

Wednesday, December 4th, 2019

Checked in at Jolly Brewer. Tunes! — with Jessica map

Checked in at Jolly Brewer. Tunes! — with Jessica

Monday, December 2nd, 2019

Friday, November 29th, 2019

Picture 1 Picture 2
map

Checked in at Farmgate Café. Oysters and tripe’n’onions with drisheen — with Jessica

Tuesday, November 26th, 2019

Checked in at Museum of Art History (Kunsthistorisches Museum Wien). Culture vultures. — with Remy map

Checked in at Museum of Art History (Kunsthistorisches Museum Wien). Culture vultures. — with Remy

Monday, November 25th, 2019

Checked in at Griechenbeisl. Schni-po-sa. map

Checked in at Griechenbeisl. Schni-po-sa.

Sunday, November 24th, 2019

Checked in at British Airways First Lounge map

Checked in at British Airways First Lounge

Sunday, November 17th, 2019

Checked in at Flughafen Berlin Tempelhof. with Jessica map

Checked in at Flughafen Berlin Tempelhof. with Jessica

map

Checked in at Café Mugrabi. Hummus sabich — with Jessica

Saturday, November 16th, 2019

Checked in at Lutter & Wegner Gendarmenmarkt. Knusprige Ente — with Jessica map

Checked in at Lutter & Wegner Gendarmenmarkt. Knusprige Ente — with Jessica

Checked in at LIU 成都味道. Szechuan noodles! map

Checked in at LIU 成都味道. Szechuan noodles!

Thursday, November 14th, 2019

map

Checked in at Festsaal Kreuzberg. Let’s do this! — with Aaron, Marc

Sunday, November 10th, 2019

Checked in at Fox On the Downs. Sunday roast — with Jessica map

Checked in at Fox On the Downs. Sunday roast — with Jessica

Thursday, November 7th, 2019

map

Checked in at The Joker. Wing night! — with Ana

Saturday, November 2nd, 2019

Checked in at Jolly Brewer. Saturday morning tunes — with Jessica map

Checked in at Jolly Brewer. Saturday morning tunes — with Jessica

Thursday, October 31st, 2019

Indy maps

Remember when I wrote about adding travel maps to my site at the recent Indie Web Camp Brighton? I must confess that the last line I wrote was an attempt to catch a fish from the river of the lazy web:

It’s a shame that I can’t use the lovely Stamen watercolour tiles for these static maps though.

In the spirit of Cunningham’s Law, I was hoping that somebody was going to respond with “It’s totally possible to use Stamen’s watercolour tiles for static maps, dumbass—look!” (to which my response would have been “thank you very much!”).

Alas, no such response was forthcoming. The hoped-for schooling never forthcame.

Still, I couldn’t quite let go of the idea of using those lovely watercolour maps somewhere on my site. But I had decided that dynamic maps would have been overkill for my archive pages:

Sure, it looked good, but displaying the map required requests for a script, a style sheet, and multiple map tiles.

Then I had a thought. What if I keep the static maps on my archive pages, but make them clickable? Then, on the other end of that link, I can have the dynamic version. In other words, what if I had a separate URL just for the dynamic maps?

These seemed like a good plan to me, so while I was travelling by Eurostar—the only way to travel—back from the lovely city of Antwerp where I had been speaking at Full Stack Europe, I started hacking away on making the dynamic maps even more dynamic. After all, now that they were going to have their own pages, I could go all out with any fancy features I wanted.

I kept coming back to my original goal:

I was looking for something more like the maps in Indiana Jones films—a line drawn from place to place to show the movement over time.

I found a plug-in for Leaflet.js that animates polylines—thanks, Iván! With a bit of wrangling, I was able to get it to animate between the lat/lon points of whichever archive section the map was in. Rather than have it play out automatically, I also added a control so that you can start and stop the animation. While I was at it, I decided to make that “play/pause” button do something else too. Ahem.

If you’d like to see the maps in action, click the “play” button on any of these maps:

You get the idea. It’s all very silly really. It’s right up there with the time I made my sparklines playable. But that’s kind of the point. It’s my website so I can do whatever I want with it, no matter how silly.

First of all, the research department for adactio.com (that’s me) came up with the idea. Then that had to be sold in to upper management (that’s me too). A team was spun up to handle design and development (consisting of me and me). Finally, the finished result went live thanks to the tireless efforts of the adactio.com ops group (that would be me). Any feedback should be directed at the marketing department (no idea who that is).

Wednesday, October 30th, 2019

Checked in at Jolly Brewer. 🎶 — with Jessica map

Checked in at Jolly Brewer. 🎶 — with Jessica

Saturday, October 26th, 2019

Checked in at Brussels Central Station (Station Brussel-Centraal). with Jessica map

Checked in at Brussels Central Station (Station Brussel-Centraal). with Jessica

Friday, October 25th, 2019

Picture 1 Picture 2
map

Checked in at Grand Café De Rooden Hoed. with Jessica

Thursday, October 24th, 2019

Checked in at Museum Plantin-Moretus / Prentenkabinet (Museum Plantin-Moretus | Prentenkabinet). with Jessica map

Checked in at Museum Plantin-Moretus / Prentenkabinet (Museum Plantin-Moretus | Prentenkabinet). with Jessica

Checked in at Caffe Mundi. with Jessica map

Checked in at Caffe Mundi. with Jessica