--- steps/step-7/index.html 2023-09-11 13:38:24.120662995 +0200
+++ steps/step-8/index.html 2023-09-11 13:38:22.588655529 +0200
@@ -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>