Mapping Micro.blog

Micro.blog “is the blog you will actually use.” I have adapted my method of linking articles to and from a map here within a subscription Micro.blog’s pages that again uses Leaflet and tiles from Open Street Map/Mapbox. See on Github

This method will not be for everybody. I use the Title for the coordinates - it’s the only variable open to you to - so I use h1 tags etc in the body of the post if I want a heading and the single page layout is used up for housing the map code.

As Micro.blog is based on Hugo, the passing of the location coordinates requires a couple of tweaks to the code to enable them to be formatted correctly - safeURL and safeJS - these are shown below in the templates.

You will have to choose how you get the location reference - I tend to use an Editorial template with a custom workflow to form my Article with pre-formed settings and coordinates loaded now use Apple Maps and copy the coords from there.

It’s worth noting that in the Micro.blog timeline, the Titles (when shown) are not clickable links, see the Timeline display rules and this method doesn’t work with just an image, as there’s no link formed from the timeline to your page, so an image description won’t go amiss. Fortunately, Micro.blog doesn’t seem to treat coordinates as a number, so they do get displayed.

I have a blog post here, to describe how to do it.

Hint: When posting from iOS, I recommend using Gluon app to post. It shows the (optional) Title field by default, so enter the coordinates here.

I hope it makes sense (and I haven’t made any errors - all done on an iPad Mini 😎). @manton