AGM时髦的窗口大小

时间:2019-03-27 02:12:56

标签: angular google-maps infowindow

是否可以在AGM中调整时髦信息窗口的大小?对于我的项目中的地图来说,它很大。

这是我的代码:

                        <agm-marker
                            *ngFor="let marker of markers"
                            [latitude]="marker.bldg_long" 
                            [longitude]="marker.bldg_lat"
                            [iconUrl]="'assets/icon1.gif'">
                            <agm-snazzy-info-window 
                                [isOpen]="true" 
                                [latitude]="marker.bldg_long" 
                                [longitude]="marker.bldg_lat"
                                [maxWidth]="800" 
                                [closeWhenOthersOpen]="false"

                                backgroundColor="orange">
                                <ng-template>
                                    {{ marker.bldg_name }}
                                </ng-template>
                            </agm-snazzy-info-window>
                        </agm-marker>

1 个答案:

答案 0 :(得分:0)

您可以在代码中更改maxWidth,并根据需要设置maxHeight和padding。 像这样:

<agm-snazzy-info-window 
    [maxWidth]="600" 
    maxHeight="200px" 
    padding="15px 15px 0 0">
        <!--content-->
</agm-snazzy-info-window>