Task/WG-171: Fix location question on questionnaire map (#186)

* Make map fill up the map container * Add marker on location map
TACC-Cloud · Dec 18, 2023 · 33ffb29 · 33ffb29
1 parent 1cc7be6
commit 33ffb29
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/...r/src/app/components/modal-questionnaire-viewer/modal-questionnaire-viewer.component.styl b/...r/src/app/components/modal-questionnaire-viewer/modal-questionnaire-viewer.component.styl
@@ -233,6 +233,9 @@
     position relative
     width 100%
 
+::ng-deep .mapCanvas
+    width 100%
+    height 100%
 
 ::ng-deep p.locationQuestionDetails
     font-weight bold

diff --git a/angular/src/app/utils/questionnaireBuilder.ts b/angular/src/app/utils/questionnaireBuilder.ts
@@ -2711,6 +2711,7 @@ class LocationField extends Question {
       : -122.3353;
 
     const view_map = L.map(view_mode_map_canvas).setView([lat, lon], 16);
+    L.marker([lat, lon]).addTo(view_map);
 
     L.tileLayer(
       'https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}'