Angular-google-maps: 이 페이지에 Google Maps API를 여러 번 포함했습니다.

@escarabin 문제는 앱의 하위 모듈에서 모듈을 가져오는 것입니다. 앱의 루트 모듈 내에서 가져와야 합니다. 이것은 버그가 아니므로 닫습니다. 다시 열어보세요. 고마워!

안녕하세요 @SebastianM! 조언에 감사하지만 여전히 문제에 직면하고 있습니다.
내 구성은 다음과 같습니다.

• job-search-module.ts 라는 하위 모듈에서 angular2-google-maps 를 사용해야 합니다.
• 다른 여러 모듈에서 사용하는 모든 구성 요소와 모듈이 포함된 shared.module.ts 가 있습니다.
• 내 루트 모듈은 app.module.ts 입니다.

이제 내 app.module.ts 에서 AgmCoreModule을 가져올 때 sebm-google-map 가 내 job-search-module.ts 의 일부가 아니며 지도가 표시되지 않는다는 오류가 표시됩니다.
shared.module.ts 또는 job-search.module.ts 에서 AgmCoreModule 을 가져올 때 _"이 페이지에 Google Maps API를 여러 번 포함했습니다."_가 표시됩니다.

그러면 어떻게 해야 합니까?

추신: 문제를 다시 열 수 있는 권한이 없습니다.

누구나? :( 나는 지금 그것에 아주 붙어있다.

@escarabin 나도 비슷한 문제가있었습니다. 이 시도.

루트 애플리케이션 모듈에서 맵을 가져와야 하므로 다음과 같이 하십시오.

@NgModule({
    declarations: [
        ...
    ],
    imports: [
        ...,
        AgmCoreModule.forRoot({
            apiKey: 'some key here'
        })
    ],

그러나 이 모듈에 속하지 않은 구성 요소에서 맵을 사용하려면 해당 모듈로 이동하여 다음을 수행하십시오.

@NgModule({
    declarations: [
        SomeComponentThatHasMapsInItsHtml,
        .....
    ],
    imports: [
        AgmCoreModule,
        ...
    ],

이것이 효과가 있다고 생각하는 이유를 추가하려면 애플리케이션의 루트에 등록해야 하기 때문입니다(Google 항목이 키로 초기화되도록).

그러나 다른 모듈에 속한 구성 요소에서 <seb-maps-smth-smth> 를 사용하고 있으므로 AgmCoreModule을 가져오기로 추가해야 선택기가 seb-maps-smth-smth 인 이 모듈에서 내보낸 구성 요소를 찾을 수 있습니다.

문제가 해결되기를 바랍니다.

@EddyP23 의 노력에 감사드립니다. 하지만 불행히도 여전히 오류가 표시됩니다... [email protected] 을 사용하여 실제로 작동하고 있습니까? 정말 이상해요.

문제는 오류 자체가 아니라 페이지에 완전히 임의의 버그가 많이 발생하는 것입니다...

또한 <seb-maps-smth-smth> 에 대해 이야기하고 있습니다. 나는 이 태그를 사용하지 않으며 문서에서도 볼 수 없습니다. <sebm-google-map> 를 사용 중입니다.

@escarabin 네, 0.15.0 버전을 사용하고 있습니다.

smth smth는 seb-maps-{placeholder} 선택기를 의미합니다. 내 HTML은 다음과 같습니다.

<sebm-google-map #sebmGoogleMap
        [latitude]="myVar1"
        [longitude]="myVar2"
        (idle)='onIdle()'
        [zoom]='mapZoomLevel'
        [streetViewControl]='false'
        >
            <sebm-google-map-marker #marker
                [latitude]="myVar3"
                [longitude]="myVar4"
                ></sebm-google-map-marker>
    </sebm-google-map>

지금 보고 있는 오류는 무엇입니까? 이 설정이 작동해야 한다고 생각합니다. 더 많은 코드를 공유할 수 있습니까?

"이 페이지에 Google Maps API를 여러 번 포함했습니다" 오류가 계속 표시됩니다.

내 HTML은 다음과 같습니다.

<sebm-google-map #sebmGoogleMap
                         [latitude]="mapLat"
                         [longitude]="mapLng"
                         [mapDraggable]="false"
                         [zoom]="zoom"
                         [zoomControl]="false"
                         [streetViewControl]="false"
                         (mapClick)="mapClicked($event)">
            <sebm-google-map-marker [latitude]="mapLat"
                                    [longitude]="mapLng">

            </sebm-google-map-marker>
</sebm-google-map>

다음은 내 자식 모듈입니다.

import { NgModule } from '@angular/core';
import { jobSearchRouting } from './job-search.routes';
import { SharedModule }   from './../shared/shared.module';
import { AgmCoreModule } from 'angular2-google-maps/core/index';

// Components
import { SearchComponent } from './components/search.component';

@NgModule({
    declarations: [ SearchComponent ],
    imports:      [ jobSearchRouting,
                    AgmCoreModule,
                    SharedModule ]
})

export class JobSearchModule {}

그리고 내 app.module.ts @NgModule :

@NgModule({
    declarations: [ AppComponent,
                    HomeComponent,
                    HeaderComponent,
                    FooterComponent,
                    PostComponent,
                    ClubComponent,
                    CandidateSignUpComponent,
                    PostPreviewComponent,
                    SignInComponent,
                    ProfileSubHeaderComponent,
                    RecruiterPromoComponent,
                    NotificationsComponent ],
    imports:      [ RouterModule,
                    HttpModule,
                    SharedModule,
                    BrowserModule,
                    AgmCoreModule.forRoot({
                        apiKey: appGlobals.googleMapsApiKey
                    }),
                    MetaModule.forRoot(metaConfig),
                    routing ],
    providers:    [ NotificationsService,
                    MetaService ],
    bootstrap:    [ AppComponent ],
})

흠.. 이상하네요. Google 지도를 이전 방식으로 가져오는 스크립트 태그가 어디에도 없습니까(예: index.html )? 이 같은:

<script async defer
    src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
    </script>

또한 AgmCoreModule 의 모든 사용법을 살펴보고 실수로 다른 곳에서 두 번 가져오지 않는지 확인합니다.

저도 이 문제가 있습니다. 내 구성 요소에 대한 app.module에 AgmCoreModule.forRoot({...})를 추가했고 여러 Google API 호출을 확인했습니다.
여전히 동일한 오류를 반환합니다.

나는 또한이 문제가 있습니다. 또한 내 구성 요소의 app.module에 AgmCoreModule.forRoot({...})를 추가했으며 여러 Google API 호출도 확인했습니다.

내 실수입니다. 여기에서 다른 사람에게 도움이 된다면 주석 처리보다 이전 스크립트 태그를 삭제해 보십시오. 어떤 이유로 템플릿에 주석을 달아도 제거되지 않았습니다.

@EddyP23 , skd 자동 완성 및 agm 맵을 사용하는 경우 무엇을 할 수 있습니까?
인덱스로 가져오기 때문에