agm-map not render in subcomponent

I have a section in my page this toggelt and in this page a have a AGM that not rendering? What is the problem ?

I only have this in my sub component:

<agm-map [latitude]="56" [longitude]="10"> </agm-map>

[mitul69]

Hi, Import following in you component.ts

import { AgmMap } from '@agm/core';

Then before your construction get ViewChild like bellow.

@ViewChild(AgmMap)
public agmMap: AgmMap

And when you show your section then called resize trigger like.

this.agmMap.triggerResize();

[EugeneSnihovsky]

@sam08153 I solved this problem by adding height to component

agm-map {
    height: 300px;
}