--- steps/step-7/index.html 2025-11-04 20:55:41.777978426 +0000
+++ steps/step-8/index.html 2025-11-04 20:55:42.737984444 +0000
@@ -8,9 +8,10 @@
* leaflet-search
* font-awesome
* leaflet.awesome-markers
+ * leaflet-easybutton
-->
<head>
- <title>Draw shapes</title>
+ <title>Add Buttons</title>
<meta charset="utf-8" />
<script src="../../node_modules/leaflet/dist/leaflet.js"></script>
<link rel="stylesheet" href="../../node_modules/leaflet/dist/leaflet.css"/>
@@ -20,6 +21,8 @@
<link rel="stylesheet" href="../../node_modules/font-awesome/css/font-awesome.css">
<link rel="stylesheet" href="../../node_modules/leaflet.awesome-markers/dist/leaflet.awesome-markers.css"/>
<script src="../../node_modules/leaflet.awesome-markers/dist/leaflet.awesome-markers.js"></script>
+ <link rel="stylesheet" href="../../node_modules/leaflet-easybutton/src/easy-button.css"/>
+ <script src="../../node_modules/leaflet-easybutton/src/easy-button.js"></script>
<style>
body {
margin: 0;
@@ -86,6 +89,11 @@
[53.56250, 9.95970]
]).addTo(myMap);
+
+ L.easyButton('fa-coffee', function(btn, map){
+ map.setView(latLon);
+ }).addTo(myMap);
+
</script>
</body>
</html>