dinge

index.html

@@ -7,6 +7,8 @@
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
   <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
   <script src="geolet.js"></script>
+  <link rel="stylesheet" href="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.css" />
+  <script src="https://unpkg.com/leaflet-routing-machine@latest/dist/leaflet-routing-machine.js"></script>
   <style>
     html, body {
       height: 100%;
@@ -27,6 +29,16 @@
     var map = L.map('map').setView([50.733574532762226, 7.094633909697851], 13);
     L.geolet({position: 'bottomleft'}).addTo(map);
    
+    L.Routing.control({
+      waypoints: [
+        L.latLng(50.774764415306535, 7.20034003349655),
+        L.latLng(50.79352197874706, 7.202796261625698)
+      ],
+      router: L.Routing.osrmv1({
+        profile: 'walking'
+      })
+    }).addTo(map);
+   
     L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
       maxZoom: 19,
       attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
@@ -40,6 +52,8 @@
     });
 
     L.marker([50.79352197874706, 7.202796261625698],{icon: dump}).addTo(map).bindPopup("<b>Siegburg</b><br>NTA-Raum<br>Schlüssel: 7625");
+    
+    
   </script>
 </body>
 </html>