Adding night overlay to google maps api

I have the following bit of html in my angluar project

<agm-map ngDraggable [latitude]="latitude" [longitude]="longitude" >
  <agm-marker *ngFor= "let post of locations.results[0].events" 
[latitude]="post.asnLatitude" [longitude]="post.asnLongitude" [label] ="post"> </agm-marker>
</agm-map>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=013d0299e3
4c52b6dfb87711021b661295b918ee&callback=initMap"
  type="text/javascript"></script>

This plots my longitude and latitude points on a google map. Over this I wish to have a day night line only using the html.
maybe adding something like:

<script>nite.init(map)</script>

would do the trick
where map is referencing the element somehow.
This plots my google map along with my latitude and longitude points. I wish to add overlay that has the day and night on the map I tried using nite-overlay from github here however this is not for html, but for javascript. My question is is there something I can add to the html with maybe agm-overlay to make day and night position shown on the map. Note that this html will be refreshing every 15seconds on account of changes to the latitude and longitude. So updating the day value should not be a problem. Thx


from Adding night overlay to google maps api