diff --git a/htmlpage/static/js/map-with-markers.js b/htmlpage/static/js/map-with-markers.js
index a47f58dd..3225e2db 100644
--- a/htmlpage/static/js/map-with-markers.js
+++ b/htmlpage/static/js/map-with-markers.js
@@ -103,7 +103,10 @@ class MapWithMarkers extends HTMLElement {
console.log("Add marker", coords, color);
const el = document.createElement("div");
el.id = "marker";
- const marker = new mapboxgl.Marker().setLngLat(coords).addTo(this._map);
+ const marker = new mapboxgl.Marker({
+ color: color,
+ scale: 1.5,
+ }).setLngLat(coords).addTo(this._map);
this._markers.push(marker);
}
}
diff --git a/public-report/template/status-by-id.html b/public-report/template/status-by-id.html
index 2114de6f..35bebe4f 100644
--- a/public-report/template/status-by-id.html
+++ b/public-report/template/status-by-id.html
@@ -54,7 +54,10 @@ function onLoad() {
center: GEOJSON_LOCATION.coordinates,
zoom: 14,
});
- map.addMarker(GEOJSON_LOCATION.coordinates, "#FF0000");
+ map.addMarker(GEOJSON_LOCATION.coordinates, "#00FF00");
+ GEOJSON_IMAGE_LOCATIONS.forEach((image) => {
+ map.addMarker(image.coordinates, "#FF0000");
+ });
});
}
document.addEventListener("DOMContentLoaded", onLoad);