- first code with simple leaflet map

src/app/map/map.component.ts

@@ -0,0 +1,33 @@
+import { Component, AfterViewInit } from '@angular/core';
+import * as L from 'leaflet';
+
+@Component({
+	selector: 'app-map',
+	templateUrl: './map.component.html',
+	styleUrls: ['./map.component.css']
+})
+export class MapComponent implements AfterViewInit {
+
+	private map;
+
+	constructor() { }
+
+	private initMap(): void {
+		this.map = L.map('map', {
+			center: [ 48.208174, 16.373819],
+			zoom: 3
+		});
+		const tiles = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+			maxZoom: 18,
+			minZoom: 3,
+			attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
+		});
+
+		tiles.addTo(this.map);
+	}
+
+	ngAfterViewInit(): void {
+		this.initMap();
+	}
+
+}