Visualizing data with graphs
The administrator portal will be responsible for displaying traffic visits for each POI using a chart. Traffic will be generated when a visitor visits a POI by clicking its marker on the map. 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
We will start building the administrator portal by implementing the mechanism of keeping track of visits in the following section.
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 amap-info-window
component:<google-map height="100%" width="auto" *ngIf="poi$ | Â Â async as...