--- steps/step-9/index.html 2023-09-11 11:38:26.108672685 +0000
+++ steps/step-10/index.html 2023-09-11 11:38:25.048667518 +0000
@@ -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>