Update Vorgehensweise
parent
43779b8aa7
commit
983bbf36ad
@ -372,11 +372,36 @@ Der Dashboard-Common-Bike-Point ist in der Dashboard-Komponente und allen Kind-K
|
||||
Programmatisch ähnelt dieses Domänenobjekt dem Map-Bike-Point.
|
||||
|
||||
### Methoden, welche mit dem Backend kommunizieren
|
||||
#### Allgemeiner Aufbau
|
||||
Um redundanten Code zu sparen, wurde die URL für das Backend in eine globale Variable ausgelagert, die von überall im Projekt erreichbar ist.
|
||||
|
||||
|
||||
In der `environment.ts` wurde die URL wie folgt hinterlegt:
|
||||
```
|
||||
export const environment = {
|
||||
production: false,
|
||||
apiUrl: 'https://it-schwarz.net/api/'
|
||||
};
|
||||
```
|
||||
Somit ergibt sich dann bei einem Aufruf mit einem HTTP-GET folgende Architektur der URL:
|
||||
```
|
||||
public exampleMethod(param: string): Promise<any> {
|
||||
return this.client.get(environment.apiUrl + `urlToEndpoint/${param}/`).toPromise();
|
||||
}
|
||||
```
|
||||
#### Beispiel aus dem DashboardService
|
||||
```
|
||||
public fetchDashboardInit(id: string): Promise<any> {
|
||||
return this.client.get(environment.apiUrl + `latest/dashboard/${id}/`).toPromise();
|
||||
}
|
||||
```
|
||||
#### Beispiel aus dem MapService
|
||||
```
|
||||
private fetchBikePointGeoData(): Promise<any> {
|
||||
return this.client.get(environment.apiUrl + 'latest/bikepoints/').toPromise();
|
||||
}
|
||||
```
|
||||
Weitere Beispiele sind aus dem Sourcecode zu entnehmen.
|
||||
|
||||
## Einbinden von Leaflet
|
||||
* Erläuterung des Map-Service in Bezug auf Layer und Marker-Generierung
|
||||
* Grober Ablauf der Map-Generierung (Layer-Aufbau grafisch darstellen)
|
||||
* Heatmap bei Umsetzung
|
||||
* Mini-Map mit dynamischen An/aus auch in Umsetzung
|
Loading…
Reference in New Issue
Block a user