[Enhancement] Add teleporter lines / mark teleporter locations

[Clearmist]

I was just reading a few days ago about how to add a polyline. I love the idea of adding the teleporter lines and will try to start figuring it out tomorrow unless @danhannigan knows what I'm talking about and wants to work on it before I get time. :)

Remember to set debug = true (I forgot in which file) so that leaflet console logs a coordinate wherever you double-click and you can use those to build the array of coordinates below.

Looks like we can use:

import { Polyline } from 'react-leaflet';

// Fill this array with as many coordinates as you can.
// More coordinates means a smoother curve!
const polyline = [
  [51.505, -0.09],
  [51.51, -0.1],
  [51.51, -0.12],
];
// Replace "lime" with the hsv or hex representation of the color used in-game.
const lineOptions = { color: 'lime' }';

...

    <Polyline pathOptions={lineOptions} positions={polyline} />

[danhannigan]

Seems straightforward enough; I'd be happy to tinker with it today! Do we have assets for teleporters (for marking the locations)?

[danhannigan]

Used the x marker for now, but check it out - we've got some lines