🐛 Allow negative coordinates

nest_frontend/components/base/BoxMap.js

@@ -2,6 +2,7 @@ import React, { useCallback, useEffect, useMemo, useState } from "react"
 import Style from "./BoxMap.module.css"
 import BoxFull from "./BoxFull"
 import { MapContainer, TileLayer } from "react-leaflet"
+import Coordinates from "../../objects/Coordinates"
 
 
 export default function BoxMap(
@@ -14,7 +15,7 @@ export default function BoxMap(
     const [map, setMap] = useState(null)
 
     const onMapMove = useCallback(
-        () => mapViewHook.setCenter(map.getCenter()),
+        () => mapViewHook.setCenter(Coordinates.fromLatLng(map.getCenter())),
         [mapViewHook, map],
     )
 

nest_frontend/objects/Coordinates.js

@@ -2,6 +2,7 @@
  * A pair of coordinates, latitude `lat` and longitude `lng`.
  */
 import { LatLng } from "leaflet/dist/leaflet-src.esm"
+import { SerializationError } from "./Errors"
 
 
 export default class Coordinates {
@@ -24,11 +25,15 @@ export default class Coordinates {
      * @returns {Coordinates}
      */
     static fromCrawlerString(str) {
-        const match = /[{]([0-9.]+),([0-9.]+)[}]/.exec(str)
+        const match = /[{]([0-9.-]+),([0-9.-]+)[}]/.exec(str)
         if(!match) {
-            throw new Error(`Invalid location string: ${str}`)
+            throw new SerializationError(str)
         }
-        return new Coordinates(match[1], match[2])
+        return new Coordinates(Number(match[1]), Number(match[2]))
+    }
+
+    static fromLatLng(latlng) {
+        return new Coordinates(latlng.lat, latlng.lng)
     }
 
     /**

nest_frontend/objects/MapArea.js

@@ -34,7 +34,7 @@ export default class MapArea {
         return new MapArea(osmZoomLevels[zoom], center)
     }
 
-    static rawRegex = /^< (?<radius>[0-9.]+) (?<lat>[0-9.]+) (?<lng>[0-9.]+)$/
+    static rawRegex = /^< (?<radius>[0-9.]+) (?<lat>[0-9.-]+) (?<lng>[0-9.-]+)$/
 
     static fromRaw(data) {
         const match = this.rawRegex.exec(data)