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);