Visualizing data with graphs
The administrator portal will display traffic visits for each POI using a chart. When visitors visit a POI by clicking its marker on the map, traffic will be generated. The application will persist visit data in the local storage of the browser. It will keep a record for each visit containing the ID of the POI and the total visits. The administrator portal will consist of the following features:
- Persisting visit data in the store
- Displaying visit statistics
In the following section, we will start building the administrator portal by implementing the mechanism of keeping track of visits.
Persisting visit data in the store
Our application does not record traffic statistics for POIs yet. Let's see how we can accomplish this task:
- Open the
map.component.html
file and add a<map-info-window>
component:
<google-map height="100%" width="auto" *ngIf="poi$ | async as poi" [center]="poi">
<map-marker...