--- steps/step-9/index.html	2023-09-11 13:38:26.108672685 +0200
+++ steps/step-10/index.html	2023-09-11 13:38:25.048667518 +0200
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Heatmap</title>
+    <title>Edge Marker</title>
     <meta charset="utf-8" />
     <script src="../../bower_components/leaflet/dist/leaflet.js"></script>
     <link rel="stylesheet" href="../../bower_components/leaflet/dist/leaflet.css"/>
@@ -14,6 +14,7 @@
     <link rel="stylesheet" href="../../bower_components/Leaflet.EasyButton/src/easy-button.css"/>
     <script src="../../bower_components/Leaflet.EasyButton/src/easy-button.js"></script>
     <script src="../../bower_components/leaflet.heat/dist/leaflet-heat.js"></script>
+    <script src="../../bower_components/Leaflet_EdgeMarker/Leaflet.EdgeMarker.js"></script>
     <style>
       body {
         margin: 0;
@@ -97,7 +98,14 @@
         map.setView(latLon);
       }).addTo(myMap);
 
-
+      L.edgeMarker({
+        icon: L.icon({
+          iconUrl: '../../bower_components/Leaflet_EdgeMarker/images/edge-arrow-marker.png',
+          iconSize: [48, 48],
+          iconAnchor: [24, 24],
+          clickable: true,
+        })
+      }).addTo(myMap);
     </script>
   </body>
 </html>