diff --git a/webapp/static/img/mapbox/marker-icons/README.md b/webapp/static/img/mapbox/marker-icons/README.md
new file mode 100644
index 000000000..ed89ebe82
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/README.md
@@ -0,0 +1,12 @@
+# Mabbox markers
+
+I found the Mapbox markers to be downloaded at the bottom of the page:  
+<https://docs.mapbox.com/help/glossary/sprite/>
+
+At URL:  
+<https://docs.mapbox.com/help/data/marker-icons.zip>
+
+## Folder For Images Reachable By URL
+
+It looks like that not all folders, as example the `assets/*` folder, is reachable by URL.
+Or images have to be in the `static/img/*` folder.
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-blue.png b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-blue.png
new file mode 100644
index 000000000..8b686e2aa
Binary files /dev/null and b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-blue.png differ
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-gray.png b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-gray.png
new file mode 100644
index 000000000..231d02f19
Binary files /dev/null and b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-gray.png differ
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-green.png b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-green.png
new file mode 100644
index 000000000..0e557e689
Binary files /dev/null and b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-green.png differ
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-orange.png b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-orange.png
new file mode 100644
index 000000000..b9ec8995d
Binary files /dev/null and b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-orange.png differ
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-pink.png b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-pink.png
new file mode 100644
index 000000000..0d7a6279b
Binary files /dev/null and b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-pink.png differ
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-purple.png b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-purple.png
new file mode 100644
index 000000000..db4358f97
Binary files /dev/null and b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-purple.png differ
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-red.png b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-red.png
new file mode 100644
index 000000000..c22f07abf
Binary files /dev/null and b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-red.png differ
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-yellow.png b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-yellow.png
new file mode 100644
index 000000000..98955c55a
Binary files /dev/null and b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-20px-yellow.png differ
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-blue.svg b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-blue.svg
new file mode 100644
index 000000000..c289be238
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-blue.svg
@@ -0,0 +1,16 @@
+<!-- Create a custom map style: https://studio.mapbox.com -->
+<svg id="marker" data-name="marker" xmlns="http://www.w3.org/2000/svg" width="20" height="48" viewBox="0 0 20 48">
+  <g id="mapbox-marker-icon">
+    <g id="icon">
+      <ellipse id="shadow" cx="10" cy="27" rx="9" ry="5" fill="#c4c4c4" opacity="0.3" style="isolation: isolate"/>
+      <g id="mask" opacity="0.3">
+        <g id="group">
+          <path id="shadow-2" data-name="shadow" fill="#bfbfbf" d="M10,32c5,0,9-2.2,9-5s-4-5-9-5-9,2.2-9,5S5,32,10,32Z" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="color" fill="#4264fb" stroke="#314ccd" stroke-width="0.5" d="M19.25,10.4a13.0663,13.0663,0,0,1-1.4607,5.2235,41.5281,41.5281,0,0,1-3.2459,5.5483c-1.1829,1.7369-2.3662,3.2784-3.2541,4.3859-.4438.5536-.8135.9984-1.0721,1.3046-.0844.1-.157.1852-.2164.2545-.06-.07-.1325-.1564-.2173-.2578-.2587-.3088-.6284-.7571-1.0723-1.3147-.8879-1.1154-2.0714-2.6664-3.2543-4.41a42.2677,42.2677,0,0,1-3.2463-5.5535A12.978,12.978,0,0,1,.75,10.4,9.4659,9.4659,0,0,1,10,.75,9.4659,9.4659,0,0,1,19.25,10.4Z"/>
+      <path id="circle" fill="#fff" stroke="#314ccd" stroke-width="0.5" d="M13.55,10A3.55,3.55,0,1,1,10,6.45,3.5484,3.5484,0,0,1,13.55,10Z"/>
+    </g>
+  </g>
+  <rect width="20" height="48" fill="none"/>
+</svg>
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-gray.svg b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-gray.svg
new file mode 100644
index 000000000..47ab09703
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-gray.svg
@@ -0,0 +1,16 @@
+<!-- Create a custom map style: https://studio.mapbox.com -->
+<svg id="marker" data-name="marker" xmlns="http://www.w3.org/2000/svg" width="20" height="48" viewBox="0 0 20 48">
+  <g id="mapbox-marker-icon">
+    <g id="icon">
+      <ellipse id="shadow" cx="10" cy="27" rx="9" ry="5" fill="#c4c4c4" opacity="0.3" style="isolation: isolate"/>
+      <g id="mask" opacity="0.3">
+        <g id="group">
+          <path id="shadow-2" data-name="shadow" fill="#bfbfbf" d="M10,32c5,0,9-2.2,9-5s-4-5-9-5-9,2.2-9,5S5,32,10,32Z" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="color" fill="#5b7897" stroke="#23374d" stroke-width="0.5" d="M19.25,10.4a13.0663,13.0663,0,0,1-1.4607,5.2235,41.5281,41.5281,0,0,1-3.2459,5.5483c-1.1829,1.7369-2.3662,3.2784-3.2541,4.3859-.4438.5536-.8135.9984-1.0721,1.3046-.0844.1-.157.1852-.2164.2545-.06-.07-.1325-.1564-.2173-.2578-.2587-.3088-.6284-.7571-1.0723-1.3147-.8879-1.1154-2.0714-2.6664-3.2543-4.41a42.2677,42.2677,0,0,1-3.2463-5.5535A12.978,12.978,0,0,1,.75,10.4,9.4659,9.4659,0,0,1,10,.75,9.4659,9.4659,0,0,1,19.25,10.4Z"/>
+      <path id="circle" fill="#fff" stroke="#23374d" stroke-width="0.5" d="M13.55,10A3.55,3.55,0,1,1,10,6.45,3.5484,3.5484,0,0,1,13.55,10Z"/>
+    </g>
+  </g>
+  <rect width="20" height="48" fill="none"/>
+</svg>
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-green.svg b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-green.svg
new file mode 100644
index 000000000..0e77bed20
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-green.svg
@@ -0,0 +1,16 @@
+<!-- Create a custom map style: https://studio.mapbox.com -->
+<svg id="marker" data-name="marker" xmlns="http://www.w3.org/2000/svg" width="20" height="48" viewBox="0 0 20 48">
+  <g id="mapbox-marker-icon">
+    <g id="icon">
+      <ellipse id="shadow" cx="10" cy="27" rx="9" ry="5" fill="#c4c4c4" opacity="0.3" style="isolation: isolate"/>
+      <g id="mask" opacity="0.3">
+        <g id="group">
+          <path id="shadow-2" data-name="shadow" fill="#bfbfbf" d="M10,32c5,0,9-2.2,9-5s-4-5-9-5-9,2.2-9,5S5,32,10,32Z" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="color" fill="#33c377" stroke="#269561" stroke-width="0.5" d="M19.25,10.4a13.0663,13.0663,0,0,1-1.4607,5.2235,41.5281,41.5281,0,0,1-3.2459,5.5483c-1.1829,1.7369-2.3662,3.2784-3.2541,4.3859-.4438.5536-.8135.9984-1.0721,1.3046-.0844.1-.157.1852-.2164.2545-.06-.07-.1325-.1564-.2173-.2578-.2587-.3088-.6284-.7571-1.0723-1.3147-.8879-1.1154-2.0714-2.6664-3.2543-4.41a42.2677,42.2677,0,0,1-3.2463-5.5535A12.978,12.978,0,0,1,.75,10.4,9.4659,9.4659,0,0,1,10,.75,9.4659,9.4659,0,0,1,19.25,10.4Z"/>
+      <path id="circle" fill="#fff" stroke="#269561" stroke-width="0.5" d="M13.55,10A3.55,3.55,0,1,1,10,6.45,3.5484,3.5484,0,0,1,13.55,10Z"/>
+    </g>
+  </g>
+  <rect width="20" height="48" fill="none"/>
+</svg>
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-orange.svg b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-orange.svg
new file mode 100644
index 000000000..2ad365f3d
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-orange.svg
@@ -0,0 +1,16 @@
+<!-- Create a custom map style: https://studio.mapbox.com -->
+<svg id="marker" data-name="marker" xmlns="http://www.w3.org/2000/svg" width="20" height="48" viewBox="0 0 20 48">
+  <g id="mapbox-marker-icon">
+    <g id="icon">
+      <ellipse id="shadow" cx="10" cy="27" rx="9" ry="5" fill="#c4c4c4" opacity="0.3" style="isolation: isolate"/>
+      <g id="mask" opacity="0.3">
+        <g id="group">
+          <path id="shadow-2" data-name="shadow" fill="#bfbfbf" d="M10,32c5,0,9-2.2,9-5s-4-5-9-5-9,2.2-9,5S5,32,10,32Z" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="color" fill="#f79640" stroke="#ba7334" stroke-width="0.5" d="M19.25,10.4a13.0663,13.0663,0,0,1-1.4607,5.2235,41.5281,41.5281,0,0,1-3.2459,5.5483c-1.1829,1.7369-2.3662,3.2784-3.2541,4.3859-.4438.5536-.8135.9984-1.0721,1.3046-.0844.1-.157.1852-.2164.2545-.06-.07-.1325-.1564-.2173-.2578-.2587-.3088-.6284-.7571-1.0723-1.3147-.8879-1.1154-2.0714-2.6664-3.2543-4.41a42.2677,42.2677,0,0,1-3.2463-5.5535A12.978,12.978,0,0,1,.75,10.4,9.4659,9.4659,0,0,1,10,.75,9.4659,9.4659,0,0,1,19.25,10.4Z"/>
+      <path id="circle" fill="#fff" stroke="#ba7334" stroke-width="0.5" d="M13.55,10A3.55,3.55,0,1,1,10,6.45,3.5484,3.5484,0,0,1,13.55,10Z"/>
+    </g>
+  </g>
+  <rect width="20" height="48" fill="none"/>
+</svg>
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-pink.svg b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-pink.svg
new file mode 100644
index 000000000..cbf19c556
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-pink.svg
@@ -0,0 +1,16 @@
+<!-- Create a custom map style: https://studio.mapbox.com -->
+<svg id="marker" data-name="marker" xmlns="http://www.w3.org/2000/svg" width="20" height="48" viewBox="0 0 20 48">
+  <g id="mapbox-marker-icon">
+    <g id="icon">
+      <ellipse id="shadow" cx="10" cy="27" rx="9" ry="5" fill="#c4c4c4" opacity="0.3" style="isolation: isolate"/>
+      <g id="mask" opacity="0.3">
+        <g id="group">
+          <path id="shadow-2" data-name="shadow" fill="#bfbfbf" d="M10,32c5,0,9-2.2,9-5s-4-5-9-5-9,2.2-9,5S5,32,10,32Z" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="color" fill="#ee4e8b" stroke="#b43b71" stroke-width="0.5" d="M19.25,10.4a13.0663,13.0663,0,0,1-1.4607,5.2235,41.5281,41.5281,0,0,1-3.2459,5.5483c-1.1829,1.7369-2.3662,3.2784-3.2541,4.3859-.4438.5536-.8135.9984-1.0721,1.3046-.0844.1-.157.1852-.2164.2545-.06-.07-.1325-.1564-.2173-.2578-.2587-.3088-.6284-.7571-1.0723-1.3147-.8879-1.1154-2.0714-2.6664-3.2543-4.41a42.2677,42.2677,0,0,1-3.2463-5.5535A12.978,12.978,0,0,1,.75,10.4,9.4659,9.4659,0,0,1,10,.75,9.4659,9.4659,0,0,1,19.25,10.4Z"/>
+      <path id="circle" fill="#fff" stroke="#b43b71" stroke-width="0.5" d="M13.55,10A3.55,3.55,0,1,1,10,6.45,3.5484,3.5484,0,0,1,13.55,10Z"/>
+    </g>
+  </g>
+  <rect width="20" height="48" fill="none"/>
+</svg>
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-purple.svg b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-purple.svg
new file mode 100644
index 000000000..2090c3f71
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-purple.svg
@@ -0,0 +1,16 @@
+<!-- Create a custom map style: https://studio.mapbox.com -->
+<svg id="marker" data-name="marker" xmlns="http://www.w3.org/2000/svg" width="20" height="48" viewBox="0 0 20 48">
+  <g id="mapbox-marker-icon">
+    <g id="icon">
+      <ellipse id="shadow" cx="10" cy="27" rx="9" ry="5" fill="#c4c4c4" opacity="0.3" style="isolation: isolate"/>
+      <g id="mask" opacity="0.3">
+        <g id="group">
+          <path id="shadow-2" data-name="shadow" fill="#bfbfbf" d="M10,32c5,0,9-2.2,9-5s-4-5-9-5-9,2.2-9,5S5,32,10,32Z" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="color" fill="#7753eb" stroke="#5a3fc0" stroke-width="0.5" d="M19.25,10.4a13.0663,13.0663,0,0,1-1.4607,5.2235,41.5281,41.5281,0,0,1-3.2459,5.5483c-1.1829,1.7369-2.3662,3.2784-3.2541,4.3859-.4438.5536-.8135.9984-1.0721,1.3046-.0844.1-.157.1852-.2164.2545-.06-.07-.1325-.1564-.2173-.2578-.2587-.3088-.6284-.7571-1.0723-1.3147-.8879-1.1154-2.0714-2.6664-3.2543-4.41a42.2677,42.2677,0,0,1-3.2463-5.5535A12.978,12.978,0,0,1,.75,10.4,9.4659,9.4659,0,0,1,10,.75,9.4659,9.4659,0,0,1,19.25,10.4Z"/>
+      <path id="circle" fill="#fff" stroke="#5a3fc0" stroke-width="0.5" d="M13.55,10A3.55,3.55,0,1,1,10,6.45,3.5484,3.5484,0,0,1,13.55,10Z"/>
+    </g>
+  </g>
+  <rect width="20" height="48" fill="none"/>
+</svg>
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-red.svg b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-red.svg
new file mode 100644
index 000000000..b1ffa63a4
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-red.svg
@@ -0,0 +1,16 @@
+<!-- Create a custom map style: https://studio.mapbox.com -->
+<svg id="marker" data-name="marker" xmlns="http://www.w3.org/2000/svg" width="20" height="48" viewBox="0 0 20 48">
+  <g id="mapbox-marker-icon">
+    <g id="icon">
+      <ellipse id="shadow" cx="10" cy="27" rx="9" ry="5" fill="#c4c4c4" opacity="0.3" style="isolation: isolate"/>
+      <g id="mask" opacity="0.3">
+        <g id="group">
+          <path id="shadow-2" data-name="shadow" fill="#bfbfbf" d="M10,32c5,0,9-2.2,9-5s-4-5-9-5-9,2.2-9,5S5,32,10,32Z" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="color" fill="#f84d4d" stroke="#951212" stroke-width="0.5" d="M19.25,10.4a13.0663,13.0663,0,0,1-1.4607,5.2235,41.5281,41.5281,0,0,1-3.2459,5.5483c-1.1829,1.7369-2.3662,3.2784-3.2541,4.3859-.4438.5536-.8135.9984-1.0721,1.3046-.0844.1-.157.1852-.2164.2545-.06-.07-.1325-.1564-.2173-.2578-.2587-.3088-.6284-.7571-1.0723-1.3147-.8879-1.1154-2.0714-2.6664-3.2543-4.41a42.2677,42.2677,0,0,1-3.2463-5.5535A12.978,12.978,0,0,1,.75,10.4,9.4659,9.4659,0,0,1,10,.75,9.4659,9.4659,0,0,1,19.25,10.4Z"/>
+      <path id="circle" fill="#fff" stroke="#951212" stroke-width="0.5" d="M13.55,10A3.55,3.55,0,1,1,10,6.45,3.5484,3.5484,0,0,1,13.55,10Z"/>
+    </g>
+  </g>
+  <rect width="20" height="48" fill="none"/>
+</svg>
diff --git a/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-yellow.svg b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-yellow.svg
new file mode 100644
index 000000000..19918f2fa
--- /dev/null
+++ b/webapp/static/img/mapbox/marker-icons/mapbox-marker-icon-yellow.svg
@@ -0,0 +1,16 @@
+<!-- Create a custom map style: https://studio.mapbox.com -->
+<svg id="marker" data-name="marker" xmlns="http://www.w3.org/2000/svg" width="20" height="48" viewBox="0 0 20 48">
+  <g id="mapbox-marker-icon">
+    <g id="icon">
+      <ellipse id="shadow" cx="10" cy="27" rx="9" ry="5" fill="#c4c4c4" opacity="0.3" style="isolation: isolate"/>
+      <g id="mask" opacity="0.3">
+        <g id="group">
+          <path id="shadow-2" data-name="shadow" fill="#bfbfbf" d="M10,32c5,0,9-2.2,9-5s-4-5-9-5-9,2.2-9,5S5,32,10,32Z" fill-rule="evenodd"/>
+        </g>
+      </g>
+      <path id="color" fill="#d9d838" stroke="#a4a62d" stroke-width="0.5" d="M19.25,10.4a13.0663,13.0663,0,0,1-1.4607,5.2235,41.5281,41.5281,0,0,1-3.2459,5.5483c-1.1829,1.7369-2.3662,3.2784-3.2541,4.3859-.4438.5536-.8135.9984-1.0721,1.3046-.0844.1-.157.1852-.2164.2545-.06-.07-.1325-.1564-.2173-.2578-.2587-.3088-.6284-.7571-1.0723-1.3147-.8879-1.1154-2.0714-2.6664-3.2543-4.41a42.2677,42.2677,0,0,1-3.2463-5.5535A12.978,12.978,0,0,1,.75,10.4,9.4659,9.4659,0,0,1,10,.75,9.4659,9.4659,0,0,1,19.25,10.4Z"/>
+      <path id="circle" fill="#fff" stroke="#a4a62d" stroke-width="0.5" d="M13.55,10A3.55,3.55,0,1,1,10,6.45,3.5484,3.5484,0,0,1,13.55,10Z"/>
+    </g>
+  </g>
+  <rect width="20" height="48" fill="none"/>
+</svg>