2017-12-20 4 views
0

Im mit angular2 und Google Map-Komponente https://angular-maps.com/. Das Problem, was im Versuch lösen ich zum Beispiel meines div-Container füllen muß Karte:AGM Map Füllbehälter

<div id="container" style="height:100%; width: 100%"> 
<agm-map></agm-map> 
<div> 

(natürlich im mit Stil, aber CSS nicht, das ist nur Beispiel)

Ich mag, dass AGM-Karte füllen Behälter div egal von seiner Höhe oder Breite, füllen Sie es immer auf. Ich kann es nicht lösen, wenn AGM Karte Höhe nur in px und vh wünscht.

Auch die Größenänderung und die Verantwortung wären toll.

Antwort

0

Ich kann nicht zu sehr ins Detail gehen, aber meine Firma hat die html wie diese

<div fxFlex="100" class="map-full-card-content"> 
    <agm-map [fitBounds]="latlngBounds"></agm-map> 
</div> 

mit einer .scss Datei von

.map-full-card-content { 
    height: 100% !important; 
    width: 100%; 
    margin: 0; 

    agm-map { 
    height: calc(100% - 12px) !important; 
    width: 100%; 
    } 
} 

Es scheint, zum Füllen der gut zu funktionieren Container und Größenanpassung.

Verwandte Themen