Angular-google-maps: आलसी-नक्शे-आपी-लोडर त्रुटि

उन्होंने @ravindranpandu ,

क्या आप पृष्ठ पर कहीं भी अपने द्वारा Google मानचित्र स्क्रिप्ट लोड करते हैं?

नहीं, मैं इसे केवल टाइपस्क्रिप्ट फ़ाइल में आयात करता हूं, हर बार जब मैं उस पृष्ठ पर जाता हूं तो एक स्क्रिप्ट टैग HTML से जोड़ा जाता है जो कि googlemap एपीआई से लिंक होता है।

ऊपर संलग्न छवि में आप देख सकते हैं कि googlemap स्क्रिप्ट टैग 7 बार जोड़ा गया है, जिसका अर्थ है कि मैंने पृष्ठ 7 बार देखा था।

@ravindranpandu हम्म, क्या आप मुझे अपना bootstrap() फंक्शन दिखा सकते हैं?

हाय @ सबस्टियनम ,

इसे आसान बनाने के लिए मैंने एक नमूना ऐप बनाया है, आप उस आयनिक ऐप में समस्या देख सकते हैं।
https://github.com/ravindranpandu/angular-map

अग्रिम में धन्यवाद

मानचित्र पृष्ठ पर एक से अधिक बार जाने का प्रयास करें, आपको वह मुद्दा मिलेगा जिसके बारे में मैं बात कर रहा था।

You have included the Google Maps API multiple times on this page. This may cause unexpected errors.

मुझे यकीन नहीं है कि ऐसा क्यों हो रहा है, कृपया मुझे बताएं कि क्या गलत हो सकता है?

धन्यवाद

@ravindranpandu इस लाइन का कारण है:
https://github.com/ravindranpandu/angular-map/blob/master/app/pages/map/map.ts#L14

जब आप इस स्थान में ANGULAR2_GOOGLE_MAPS_PROVIDERS शामिल करते हैं, तो आप मानचित्र लोडर के कई उदाहरण बनाते हैं।

आपको अपने बूटस्ट्रैप () पद्धति में ANGULAR2_GOOGLE_MAPS_PROVIDERS का उपयोग करना होगा।

@SebastianM अब मैं मुख्य app.ts प्रदाता में ANGULAR2_GOOGLE_MAPS_PROVIDERS initialised, अब यह उम्मीद के रूप में काम करता है, अपने समय के लिए धन्यवाद।

ऐसा तब भी लगता है जब मैं रूट ऐप मॉड्यूल के बजाय एक फीचर मॉड्यूल में कोणीय 2-गूगल-मैप्स का उपयोग करता हूं। क्या कोई पुष्टि कर सकता है?

अपने app.module.ts आयात में जोड़ें:

AgmCoreModule.forRoot({ apiKey: 'xxxxxx', libraries: ['places'] })

(आप पुस्तकालयों को हटा सकते हैं: ['स्थानों']]

और फिर एक साझा मॉड्यूल ऐड में:
आयात में
AgmCoreModule
और निर्यात में:
AgmCoreModule

फिर
You have included the Google Maps API multiple times on this page. This may cause unexpected errors. चले जाएंगे

दोस्तों, किसी को पता है कि अब हम आलसी लोडिंग के साथ कैसे काम करते हैं?
GOOGLE_MAPS_PROVIDERS को पदावनत कर दिया जाता है और हम मॉड्यूल लोड होने पर हर बार API लाइब्रेरी लोड करने के बजाय AgmCoreModule का उपयोग करते हैं।

@szykov एक आलसी लोडेड सबमॉड्यूल में इस कोणीय 2 घटक का उपयोग करने का उपाय @efstathiosntonas ने कहा

सबसे पहले, अपने मुख्य app.module.ts में, एपी को शामिल करें

// app.module.ts
import { AgmCoreModule } from 'angular2-google-maps/core';

//other stuff here

@NgModule({
   bootstrap: [AppComponent],
   declarations: [ //  declarations contains: components, directives and pipes],
   imports: [ // import other modules here
        AgmCoreModule.forRoot({
            apiKey: 'YOUR_KEY'
       })],
   providers: [ // expose our Services and Providers into Angular's dependency injection]
})

फिर अपने सबमॉड्यूल के अंदर, इसे फिर से शामिल करें लेकिन बिना एपीआई कुंजी के

// maps.module.ts (submodule)
import { AgmCoreModule } from 'angular2-google-maps/core';

// other stuff

@NgModule({
   imports: [ // other imports here
      AgmCoreModule
   ],
   declarations: [ // Components / Directives / Pipes
      MapComponent
   ]
})

अब यह कोणीय 2 मानचित्र घटक को आलसी लोड करेगा और केवल एक बार जावास्क्रिप्ट का अनुरोध करेगा। मैंने वेबपैक 2 का उपयोग करके यह किया और यह ठीक काम करता है। अच्छे काम के लिए धन्यवाद दोस्तों।

@IAMtheIAM धन्यवाद @Efstathiosntonas को भी मेरा

यदि आप इसे फिर से कहीं इंडेक्स फ़ाइल में बुला रहे हैं या कहीं और आपको इसे निकालना है।
आपको इसे केवल एक बार अपने प्रोजेक्ट में कॉल करने की आवश्यकता है।

हाय, दोस्तों, किसी को भी पता है कि कैसे जगह खोजने के लिए जहां मैं दूसरी बार नक्शे शामिल थे?
यदि पहला पृष्ठ जो मेरे पास है, उसका नक्शा है, तो मैं उसे नहीं देख सकता। लेकिन अगर मैं उस नक्शे वाले पृष्ठ पर जाऊं जो पहले नहीं आया है, तो यह ठीक है।
धन्यवाद

कोड सैंपल के बिना आपको @Riasets में मदद करना मुश्किल होगा

रेपो लिंक: https://github.com/Riasets/test
शिट्टी कोड के लिए क्षमा करें
@IAMtheIAM

लॉगिन: [email protected]
पासवर्ड: test1234

@Riasets मैंने क्लोन किया और आपका ऐप चलाया, बहुत अच्छा लग रहा है। मेरे लिए, मानचित्र को तुरंत लोड करने के बाद लॉगिन करें, और यदि मैं किसी अन्य पृष्ठ पर बदलता हूं, तो मानचित्र भी ठीक लोड होता है। मुझे कोई समस्या नहीं दिख रही है, क्या आप अधिक स्पष्ट कर सकते हैं?

@IAMtheIAM लॉगिन पेज पहले था और मैप पेज सेकंड था। इस मामले में नक्शा लोड होता है। लेकिन अगर आप पहले से ही अधिकृत हैं और / होम पेज पर जाने की कोशिश करते हैं, उदाहरण के लिए, नक्शा लोड नहीं होगा। या मानचित्र के साथ पृष्ठ को पुनः लोड करने का प्रयास करें, यह भी लोड नहीं करेगा। और आप देव टूल्स 2 पर भी देख सकते हैं