--- steps/step-7/index.html 2023-09-11 11:38:24.120662995 +0000 +++ steps/step-8/index.html 2023-09-11 11:38:22.588655529 +0000 @@ -1,7 +1,7 @@ <!DOCTYPE html> <html> <head> - <title>Draw shapes</title> + <title>Add Buttons</title> <meta charset="utf-8" /> <script src="../../bower_components/leaflet/dist/leaflet.js"></script> <link rel="stylesheet" href="../../bower_components/leaflet/dist/leaflet.css"/> @@ -11,6 +11,8 @@ <link rel="stylesheet" href="../../bower_components/font-awesome/css/font-awesome.css"> <link rel="stylesheet" href="../../bower_components/Leaflet.awesome-markers/dist/leaflet.awesome-markers.css"/> <script src="../../bower_components/Leaflet.awesome-markers/dist/leaflet.awesome-markers.js"></script> + <link rel="stylesheet" href="../../bower_components/Leaflet.EasyButton/src/easy-button.css"/> + <script src="../../bower_components/Leaflet.EasyButton/src/easy-button.js"></script> <style> body { margin: 0; @@ -77,6 +79,11 @@ [53.56250, 9.95970] ]).addTo(myMap); + + L.easyButton('fa-coffee', function(btn, map){ + map.setView(latLon); + }).addTo(myMap); + </script> </body> </html>