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.
|
Programmatisch ähnelt dieses Domänenobjekt dem Map-Bike-Point.
|
||||||
|
|
||||||
### Methoden, welche mit dem Backend kommunizieren
|
### 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
|
## Einbinden von Leaflet
|
||||||
* Erläuterung des Map-Service in Bezug auf Layer und Marker-Generierung
|
* Erläuterung des Map-Service in Bezug auf Layer und Marker-Generierung
|
||||||
* Grober Ablauf der Map-Generierung (Layer-Aufbau grafisch darstellen)
|
* 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