Angular-google-maps: आपने इस पृष्ठ पर कई बार Google मानचित्र 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 का हिस्सा नहीं है और कोई नक्शा नहीं दिखाया गया है।
जब मैं AgmCoreModule को shared.module.ts या job-search.module.ts में आयात करता हूं, तो मुझे _"आपने इस पृष्ठ पर कई बार Google मानचित्र 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} चयनकर्ता से है। मेरा एचटीएमएल जैसा दिखता है:

<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 मानचित्र API शामिल किया है" त्रुटि दिखाई दे रही है।

मेरा एचटीएमएल इस तरह दिखता है:

<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 के सभी उपयोगों के माध्यम से भी जाऊंगा कि आप इसे गलती से किसी अन्य स्थान पर दो बार आयात नहीं कर रहे हैं।

मुझे भी यह समस्या हो रही है। मैंने अपने घटकों के लिए ऐप.मॉड्यूल में AgmCoreModule.forRoot({...}) जोड़ा है, और मैंने कई google api कॉल के लिए जाँच की है।
अभी भी वही त्रुटि देता है।

मुझे भी यह समस्या हो रही है। मैंने अपने घटकों के लिए ऐप.मॉड्यूल में AgmCoreModule.forRoot({...}) भी जोड़ा है, और मैंने कई google api कॉल के लिए भी जाँच की है।

ठीक है, मेरी गलती है, अगर यह यहां किसी और की मदद करता है - टिप्पणी करने के बजाय अपने पुराने स्क्रिप्ट टैग को हटाने का प्रयास करें। किसी कारण से, इसे टेम्पलेट में टिप्पणी करना इसे हटा नहीं रहा था।

@EddyP23 , अगर मैं skd स्वत: पूर्ण और एजीएम मानचित्रों का उपयोग कर रहा हूं तो मैं क्या कर सकता हूं?
चूंकि यह सूचकांक में आयात करता है