Primeng / Gmap не работает внутри компонента Ioni c - PullRequest
Новая
       6

Primeng / Gmap не работает внутри компонента Ioni c

0 голосов
/ 10 января 2020

У меня проблема с <p-gmap>, показывающим отсутствие содержимого внутри компонента Ioni c. Это мой home.component :

home.module.ts 

import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { IonicModule } from '@ionic/angular';
import { HomeComponent } from '@modules/home/home.component';
import { HOME_ROUTES } from '@modules/home/home.routing';
import { TranslateModule } from '@ngx-translate/core';
import { GMapModule } from 'primeng/gmap';

@NgModule({
    declarations: [HomeComponent],
    entryComponents: [HomeComponent],
    imports: [IonicModule, RouterModule.forChild(HOME_ROUTES), GMapModule, CommonModule, TranslateModule],
})
export class HomeModule {}

home.component. html (сокращенно) 

<ion-header>
    ...
</ion-header>
<ion-content>
    <ion-grid>
        ...
        <ion-row>
            <ion-col>
                ...
                <p-gmap [options]="{ center: { lat: 24.223, lng: 13.241 }, zoom: 12 }" [style]="{'width':'100%','height':'200px'}"></p-gmap>
            </ion-col>
        </ion-row>
    </ion-grid>
</ion-content>
<ion-footer>
    ...
</ion-footer>

Однако, если я изменю home.component. html, чтобы <p-gmap> находился вне любого компонента Ioni c, например, 

<ion-header>
    ...
</ion-header>
    <p-gmap [options]="{ center: { lat: 24.223, lng: 13.241 }, zoom: 12 }" [style]="{'width':'100%','height':'200px'}"></p-gmap>
<ion-footer>
    ...
</ion-footer>

карта показывает правильно. Буду очень признателен за любую помощь, так как я не могу найти ничего полезного в Интернете. Кроме того, имейте в виду, мне нужно по крайней мере <ion-content> для прокрутки страницы.

...