From: Philipp Spitzer <philipp@spitzer.priv.at>
Date: Sat, 2 Jan 2021 16:57:24 +0000 (+0100)
Subject: Add shadows below markers.
X-Git-Url: https://git.toastfreeware.priv.at/philipp/winterrodeln/mediawiki_extensions/wrmap.git/commitdiff_plain/1234fddc62ff7e34d1b5b7d2f5f613fc18e45ef1

Add shadows below markers.
---

diff --git a/wrmap.js b/wrmap.js
index af6f136..24d4b69 100644
--- a/wrmap.js
+++ b/wrmap.js
@@ -96,30 +96,40 @@ function init_wrmap(i, jq_map) {
 
 	function style_point_function(feature, resolution) {
 		if (feature.get('type') == 'sledrun') {
-			var condition = get_sledrun_condition(feature);
-			var src = img_path + '/marker_c_sledrun_' + condition + 'nn.png';
-			return new ol.style.Style({
+			let condition = get_sledrun_condition(feature);
+			let src = img_path + '/marker_c_sledrun_' + condition + 'nn.png';
+			let marker_style = new ol.style.Style({
 				image: new ol.style.Icon({
 					src: src,
 					imgSize: [17, 17],
 					anchor: [0.5, 0.5]
 				}),
 			});
+			let shadow_style = new ol.style.Style({
+				image: new ol.style.Icon({
+					src: img_path + '/marker_c_shadow.png',
+					imgSize: [23, 23],
+					anchor: [0.4, 0.4]
+				}),
+			});
+			return [shadow_style, marker_style];
+
 		} else {
-			var src = img_path + '/marker_p_' + feature.get('type') + '.png';
-			return new ol.style.Style({
+			let src = img_path + '/marker_p_' + feature.get('type') + '.png';
+			let marker_style = new ol.style.Style({
 				image: new ol.style.Icon({
 					src: src,
 					imgSize: [20, 34],
 					anchor: [0.5, 1.0]
 				}),
 			});
+			return [marker_style];
 		}
 	}
 
 	function style_point_function_selected(feature, resolution) {
-		var style = style_point_function(feature, resolution);
-		style.setText(new ol.style.Text({
+		let style_array = style_point_function(feature, resolution);
+		style_array[0].setText(new ol.style.Text({
 			text: get_feature_title(feature),
 			font: 'icon',
 			offsetY: 14,
@@ -128,7 +138,7 @@ function init_wrmap(i, jq_map) {
 				width: 2,
 			}),
 		}));
-		return style;
+		return style_array;
 	}
 
 	function style_path_function(feature, resolution) {