Ol86/HKA-OSM
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Move initialization into ngOnInit

Browse Source 
Co-authored-by: Copilot <copilot@github.com>
This commit is contained in:
David Sp
2026-04-27 14:08:01 +02:00
parent fc56b58733
commit 50b261e8ba
1 changed files with 32 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/app/map/map.ts
View File

@@ -1,4 +1,4 @@
import { Component, signal } from '@angular/core'; import { Component, signal, OnInit } from '@angular/core';
import { CommonModule } from '@angular/common'; import { CommonModule } from '@angular/common';
import { LeafletModule } from '@bluehalo/ngx-leaflet'; import { LeafletModule } from '@bluehalo/ngx-leaflet';
import { center } from '@turf/turf'; import { center } from '@turf/turf';
@@ -14,15 +14,24 @@ import * as E from './geojson';
templateUrl: './map.html', templateUrl: './map.html',
styleUrl: './map.scss', styleUrl: './map.scss',
}) })
export class OSMMap { export class OSMMap implements OnInit {
private buildingLayer?: L.LayerGroup; private buildingLayer?: L.LayerGroup;
protected readonly title = signal('HKA-OSM'); protected readonly title = signal('HKA-OSM');
map?: L.Map; map?: L.Map;
osm?: L.TileLayer;
options: L.MapOptions = {};
layerControl?: L.Control.Layers;
isFullscreen = true; isFullscreen = true;
osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { constructor(
private overpass: Overpass
) {}
ngOnInit() {
this.osm = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxNativeZoom: 19, maxNativeZoom: 19,
maxZoom: 21, maxZoom: 21,
minZoom: 18, minZoom: 18,
@@ -30,7 +39,7 @@ export class OSMMap {
}); });
// Define map options // Define map options
options: L.MapOptions = { this.options = {
layers: [this.osm], layers: [this.osm],
zoom: 18, // Zoom level zoom: 18, // Zoom level
center: this.getCenter(), // Center of the map center: this.getCenter(), // Center of the map
@@ -41,15 +50,14 @@ export class OSMMap {
maxBoundsViscosity: 1.0, // Prevent panning outside bounds maxBoundsViscosity: 1.0, // Prevent panning outside bounds
}; };
layerControl = L.control.layers({ this.layerControl = L.control.layers({
OpenStreetMap: this.osm, OpenStreetMap: this.osm,
}); });
}
constructor(private overpass: Overpass) {}
onMapReady(map: L.Map) { onMapReady(map: L.Map) {
this.map = map; this.map = map;
this.layerControl.addTo(this.map); this.layerControl?.addTo(this.map);
this.loadBuildings().addTo(this.map); this.loadBuildings().addTo(this.map);
console.log('Map is ready'); console.log('Map is ready');
} }