From 3029322062abf3fc668f59f97fbe900152bfe638 Mon Sep 17 00:00:00 2001 From: Tor-Einar Skog <tor-einar.skog@nibio.no> Date: Wed, 17 Jan 2024 13:08:37 +0100 Subject: [PATCH] First draft of map legend [BN-11] --- .../barkbeetle/seasonTrapsiteListMap.js | 2 +- .../barkbeetleSeasonTrapsiteList.ftl | 44 +++++++++++++++++++ 2 files changed, 45 insertions(+), 1 deletion(-) diff --git a/src/main/webapp/js/modules/barkbeetle/seasonTrapsiteListMap.js b/src/main/webapp/js/modules/barkbeetle/seasonTrapsiteListMap.js index 43f44a89..e2ac5005 100644 --- a/src/main/webapp/js/modules/barkbeetle/seasonTrapsiteListMap.js +++ b/src/main/webapp/js/modules/barkbeetle/seasonTrapsiteListMap.js @@ -80,7 +80,7 @@ // Setting zoom and center for the map (need to do this after creating map. so that we kan transform our // center to correct map projection) var view = new ol.View({ - center: ol.proj.transform([10.0,63.0], 'EPSG:4326', map.getView().getProjection().getCode()), + center: ol.proj.transform([7.0,63.0], 'EPSG:4326', map.getView().getProjection().getCode()), zoom: 5 }); map.setView(view); diff --git a/src/main/webapp/templates/modules/barkbeetle/barkbeetleSeasonTrapsiteList.ftl b/src/main/webapp/templates/modules/barkbeetle/barkbeetleSeasonTrapsiteList.ftl index c6be044f..e6e7eb46 100644 --- a/src/main/webapp/templates/modules/barkbeetle/barkbeetleSeasonTrapsiteList.ftl +++ b/src/main/webapp/templates/modules/barkbeetle/barkbeetleSeasonTrapsiteList.ftl @@ -85,6 +85,16 @@ <div class="col-md-4"> <div id="seasonTrapsiteListMap" class="map" style="border: 1px solid black; background-color: white;"> <div id="popover"></div> + <div id="warningLegend" class="mapBoxPlacement_4"> + <ul> + <li class="warning_5"><span>Høy fare for angrep</span></li> + <li class="warning_4"><span>Middels fare for angrep</span></li> + <li class="warning_3"><span>Liten fare for angrep</span></li> + <li class="warning_2"><span>Ingen fare for angrep</span></li> + <li class="warning_1"><span>Data mangler</span></li> + <li class="warning_0"><span>Varsel beregnes ikke</span></li> + </ul> + </div> </div> </div> </div> @@ -196,6 +206,40 @@ function filter(searchTxt){ div.popover { min-width: 250px !important; } + + #warningLegend { + position: absolute; + left: 10px; + top: 70px; + } + #warningLegend ul li span { + position: relative; + top: -7px; + } + #warningLegend ul li.warning_2 + { + list-style-image: url("/images/modules/barkbeetle/station_icon_status_2.png"); + } + #warningLegend ul li.warning_3 + { + list-style-image: url("/images/modules/barkbeetle/station_icon_status_3.png"); + } + #warningLegend ul li.warning_4 + { + list-style-image: url("/images/modules/barkbeetle/station_icon_status_4.png"); + } + #warningLegend ul li.warning_5 + { + list-style-image: url("/images/modules/barkbeetle/station_icon_status_5.png"); + } + #warningLegend ul li.warning_0 + { + list-style-image: url("/images/modules/barkbeetle/station_icon_status_0.png"); + } + #warningLegend ul li.warning_1 + { + list-style-image: url("/images/modules/barkbeetle/station_icon_status_1.png"); + } </style> </#macro> <@page_html/> \ No newline at end of file -- GitLab