--- steps/step-6/index.html 2025-11-04 20:55:40.805972330 +0000
+++ steps/step-7/index.html 2025-11-04 20:55:41.777978426 +0000
@@ -10,7 +10,7 @@
* leaflet.awesome-markers
-->
<head>
- <title>Adding a Marker</title>
+ <title>Draw shapes</title>
<meta charset="utf-8" />
<script src="../../node_modules/leaflet/dist/leaflet.js"></script>
<link rel="stylesheet" href="../../node_modules/leaflet/dist/leaflet.css"/>
@@ -73,6 +73,19 @@
var poi = L.marker(latLon, {icon: redMarker}).addTo(myMap);
poi.bindPopup("<b>test</b><hr/>foobar");
+
+ var circle = L.circle(latLon, 50, {
+ color: 'red',
+ fillColor: '#f03',
+ fillOpacity: 0.5
+ }).addTo(myMap);
+
+ var polygon = L.polygon([
+ [53.56210, 9.95999],
+ [53.56230, 9.95970],
+ [53.56250, 9.95970]
+ ]).addTo(myMap);
+
</script>
</body>
</html>