fixed (hopefully) the marker symbol on deployment

backend/src/app.controller.ts

@@ -32,12 +32,12 @@ export class AppController {
   @Post('submit')
   submitResult(@Body() submit: SubmitLog, @Req() request: Request): string {
     this.logger.log('osm', {
-      task: 'resultSubmit',
+      task: 'resultSubmission',
       clientIp: request.ip,
       userAgent: request.headers['user-agent'],
       submitEntry: submit,
     });
 
-    return 'Submit request completed';
+    return 'Submission request completed';
   }
 }

frontend/src/LeafletMap.vue

@@ -23,13 +23,14 @@
 <script setup lang="ts">
 import 'leaflet/dist/leaflet.css'
 
-import {map as LFMap, tileLayer, geoJSON, marker, Layer} from "leaflet"
-import {LMap, LTileLayer, LGeoJson, LControlAttribution, LMarker, LPopup} from '@vue-leaflet/vue-leaflet'
-import {ref, watch, onMounted, onBeforeUpdate, onUpdated} from 'vue'
+import {map as LFMap, tileLayer, geoJSON, marker, Layer, Icon} from "leaflet";
+import markerIconPng from "leaflet/dist/images/marker-icon.png";
+import markerIconRetinaPng from "leaflet/dist/images/marker-icon-2x.png";
+import markerShadowPng from "leaflet/dist/images/marker-shadow.png";
+import {ref, watch, onMounted, onUpdated} from 'vue';
 import GeoJsonSearchResult from './types/geojson-search-result';
 import {computed} from 'vue';
 
-
 let zoom = 2
 
 interface LeafletMapProps {
@@ -85,6 +86,15 @@ watch(center, () => {
 let map = null
 let featureLayer = null
 
+const markerIcon = new Icon({
+    iconUrl: markerIconPng,
+    iconRetinaUrl: markerIconRetinaPng,
+    shadowUrl: markerShadowPng,
+    iconAnchor: [12, 41],
+    shadowAnchor: [12, 41],
+    popupAnchor: [0, -35]
+});
+
 onMounted(() => {
     map = LFMap("map").setView(center.value, zoom);
 
@@ -124,7 +134,9 @@ onUpdated(() => {
     map.removeLayer(featureLayer)
     featureLayer = new geoJSON(props.poi as any, {
         pointToLayer: function (feature, latlng): Layer {
-            return marker(latlng);
+            return marker(latlng, {
+                icon: markerIcon
+            });
         },
         onEachFeature: function (feature, layer) {
             const url = `https://www.openstreetmap.org/${feature.properties.osm_type}/${feature.properties.osm_id}`

readme.md

@@ -72,7 +72,7 @@ A log for a submission differs slightly. Here's how that one's structured:
   "clientIp": string, // the client's IP address
   "level": string, // the log level, see `log level` further below in this readme
   "submitEntry": submitEntry // contains the same fields as the API call to /submit
-  "task": "resultSubmit", // a string description of the type of log this is
+  "task": "resultSubmission", // a string description of the type of log this is
   "timestamp": string, // the time this log was created at
   "userAgent": string // the client's user agent
 }