diff --git a/src/main/webapp/js/modules/barkbeetle/seasonTrapsiteListMap.js b/src/main/webapp/js/modules/barkbeetle/seasonTrapsiteListMap.js index 43f44a8932711702fee7c42791766375e3407b9a..e2ac50053b6d088507605291d9e603ec47727d3d 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 c6be044f6868842732774a6830b470ea47b63b0a..e6e7eb465d46467ae7b491a21cb1c899ad247099 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