--- steps/step-6/index.html 2023-09-11 11:38:25.640670404 +0000
+++ steps/step-7/index.html 2023-09-11 11:38:24.120662995 +0000
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
- <title>Adding a Marker</title>
+ <title>Draw shapes</title>
<meta charset="utf-8" />
<script src="../../bower_components/leaflet/dist/leaflet.js"></script>
<link rel="stylesheet" href="../../bower_components/leaflet/dist/leaflet.css"/>
@@ -64,6 +64,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>