cat-soft.nl / mastodon-map
A React application to shows Mastodon posts on a map.
mastodon react map
fork atom
JavaScript 93.0%
CSS 4.4%
HTML 2.6%
Other 0.1%
2 1 0

Clone this repository

https://tangled.org/cat-soft.nl/mastodon-map https://tangled.org/did:plc:kdo7wh6tgqhc7s5c3u2xff6a/mastodon-map
git@tangled.org:cat-soft.nl/mastodon-map git@tangled.org:did:plc:kdo7wh6tgqhc7s5c3u2xff6a/mastodon-map

For self-hosted knots, clone URLs may differ based on your setup.

Download tar.gz
README.md

Mastodon map view#

A React application to shows Mastodon posts on a map. The application looks for posts that follow a certain markup, posts recognized by the system will be shown on the map.

Context#

This project was set up as a Proof of Concept for an assignment from Amsterdam University of Applied Sciences and the Innovation Department of the Municipality of Amsterdam.

Features#

  • Interactive map displaying posts (following a certain markup) from the Fediverse
  • Tool to help and create posts with the needed markup.

Technologies#

  • ReactJS
  • LeafletJS
  • Data from OpenStreetMap

Markup#

Posts must have the following markup:

@accountnameformap@instance.tld {the message to be shown}

[lat={lat} lon={lon} title={title}]

How does it work#

The map#

The Mastodon Map account needs to retoot all posts that mention it. This way the map can request the statuses from that account and fill the map.

Create post#

Its a simple from that helps you to write a post with using the right Markup. Using the Intent Toot functionality one can easily post it on Mastodon. Please make sure your toot is public!