, TileLayer, Polygon, CircleMarker} from 'leaflet';

			const map = new Map('map', {
				center: [20, 20],
				zoom: 3,
				preferCanvas: true,
			});

			new TileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
				minZoom: 1,
				maxZoom: 17,
				label: 'open street map',
			}).addTo(map);

			const points = [
				[0, 0],
				[0, 42],
				[42, 42],
				[0, 0],
			];

			new Polygon([points, []], {dashArray: '5, 5'}).addTo(map);
			new CircleMarker([42, 0], {color: 'red'}).addTo(map);
		</script>
