Angular-google-maps: छवि मानचित्र प्रकार जोड़ना

हाय कार्ल,

मैं एक समान काम करने की कोशिश कर रहा हूं, बाहरी मैपसेवर क्लस्टर से कुछ कस्टम डब्लूएमएस ओवरले लोड करता हूं, लेकिन मैं फंस गया हूं क्योंकि मुझे नहीं पता कि मेरे ओवरले को ओवरले मैप टाइप में जोड़ने के लिए वास्तविक googleMap इंस्टेंस का संदर्भ कैसे प्राप्त करें। संग्रह)।

मुझे लगता है कि GoogleMapsAPIWrapper के माध्यम से इसे उजागर करके मूल google.map मानचित्र उदाहरण तक पहुंचने का कोई तरीका होना चाहिए?

MyComponent.ts . के निर्माता में यह मेरा दृष्टिकोण है (अब तक)...

`var overlayMap = शून्य;

    // Getting a handle on the GoogleMaps api namespace
    if ((<any>window).google || (<any>window).google.maps) {
        const gm = (<any>window).google.maps;

        if (layers.length > 0) {
            var overlayMapOptions = {
                getTileUrl(coord, zoom) {
                    var url = this.loadBalanceWms() + "/mapserver.exe?Map=../mapfile/xxx.map";
                    url += "&mode=tile";
                    url += "&tile=" + coord.x + "+" + coord.y + "+" + zoom;
                    url += "&tilemode=gmap";
                    url += "&layers=" + layers; //WMS layers
                    url += "&WIDTH=256";
                    url += "&HEIGHT=256";
                    return url;

                },
                tileSize: new gm.Size(256, 256),
                isPng: true,
                name: "WMSOverlay"
            };
            overlayMap = new gm.ImageMapType(overlayMapOptions);

            // Breaks here
            this._mapsWrapper.getMap()
                .then(a => {
                        (<any>a).overlayMapTypes.push(overlayMap);
                    },
                    f => {
                        window.console.log(f);
                    });

        }

    };`

@anaratz क्या वह काम कर रहा है जो आपने किया है ?? टाइल वाला कस्टम नक्शा बनाने के लिए

नहीं, यह काम नहीं करता...
...क्योंकि ओवरलेमैपटाइप संग्रह इंटरफ़ेस मैपटाइप्स पर मौजूद नहीं है। GoogleMap, न ही मुझे अंतर्निहित google.maps.Map उदाहरण तक पहुंचने का कोई तरीका मिल सकता है

@anaratz तो इसका अभी तक कोई समाधान नहीं है?

अभी तक कोई नहीं

@anaratz मेरे पास यह काम कर रहा है, लेकिन मैं इस मुद्दे की शुरुआत में सिर्फ एक प्रश्न पूछ रहा था कि मेरे कोड को कैसे व्यवस्थित किया जाए, फिर मैं एक पीआर करूंगा, क्या मुझे सिर्फ एक पीआर करना चाहिए और देखना चाहिए कि यह कैसा चल रहा है?

@ carl09 क्या आप हमें दिखा सकते हैं कि आपने इसे कैसे ठीक किया है?

@ carl09 हाँ कृपया कार्ल।

हाय @smgjreinieren , @anaratz मैंने अपना पीआर अपडेट किया है और एक डेमो बनाया है

http://plnkr.co/edit/OlljPTvgqdq0Na2lvZPN?p=preview

पीआर: https://github.com/SebastianM/angular2-google-maps/pull/345

सभी प्रतिपुष्टियों का स्वागत है

@ carl09 क्या आपने इसे टाइपस्क्रिप्ट में भी बनाया है?

@smgjreinieren हाँ यह सब टाइप स्क्रिप्ट में किया जाता है

@ carl09 ओह्ह्ह अब मुझे खेद है! बहुत बढ़िया! धन्यवाद

मुझे " क्लैंग: चेक " कार्य में परेशानी हो रही है, मैं बस v4 से v6 तक नोड को अपडेट करने का प्रयास करने जा रहा हूं और देख सकता हूं कि यह इसे ठीक करता है या नहीं, यह परिवर्तनों को धक्का देते समय वास्तव में अनिश्चित बनाता है

@ carl09 लेकिन कोई कस्टम नक्शा प्रकार नहीं है?

@smgjreinieren मैं परिवर्तनों को प्रदर्शित करने के लिए प्लंकर में "ओपन स्ट्रीट मैप्स" का उपयोग कर रहा था, क्या यह आपके लिए काम नहीं करता है, या यह आपका मतलब नहीं है?

इस उदाहरण की तरह: https://developers.google.com/maps/documentation/javascript/examples/maptype-image-overlay

मैंने अभी आपका दूसरा प्रश्न देखा है, इसलिए मैं समझता हूं कि अब आपका क्या मतलब है

@ carl09 मैं मानचित्र प्रकार के रूप में अपनी छवि सेट करना चाहता हूं, "ओपन स्ट्रीट मैप्स" एक छवि है जो एक कस्टम मानचित्र प्रकार बनाती है

@smgjreinieren क्या आपके पास भू-कोडित छवि है? या सिर्फ एक मानक छवि फ़ाइल है?

आप http://www.qgis.org/en/site/ जैसे टूल का उपयोग कर सकते हैं जो और जियो कोड इमेज, और टाइल्स भी बना सकते हैं ताकि आप उनका उपयोग गूगल मैप्स के लिए कर सकें

@ carl09 हम्म ऐसा लगता है कि मैं इसका उपयोग नहीं कर सकता! क्या आप शायद मेरे लिए छवि परिवर्तित कर सकते हैं?

और आपका मूल सेटअप और न ही MapTypeId को 'angular2-google-maps/core' से क्यों पहचानता है? शायद इसलिए कि इसमें कोई कोर नहीं है जो मैं देखता हूं, लेकिन मैं इसे आपके सेटअप से कैसे आयात करूं: https://github.com/carl09/angular2-google-maps-example

हाय @smgjreinieren मैंने उस रेपो में अपना नमूना कोड अपडेट किया है यदि आप इसे अद्यतित करना चाहते हैं।
संपादित करने के लिए आप किस संपादक का उपयोग कर रहे हैं? मैं वीएस कोड का उपयोग कर रहा हूं और अगर यह मदद करता है तो यह संदर्भों को जानने के लिए तेजी से बढ़ता है

@ carl09 धन्यवाद दोस्त! लेकिन अभी भी मैक के लिए काम कर रहे qgis नहीं मिल सकता है! क्या मैं आपको छवि भेज सकता हूं, यह दुनिया के नक्शे का केवल एक छोटा सा हिस्सा है क्या यह भी संभव है?

इस तरह: http://postimg.org/image/6okpwebsb/

@ carl09 क्या स्थानीय फ़ोल्डर से छवि का उपयोग करना संभव है? ऑनलाइन के बजाय

नमस्ते

हां आप कर सकते हैं, या तो आप उन्हें अपने नोड इंस्टेंस में होस्ट कर सकते हैं, जैसे आप अपनी सीएसएस और जेएस फाइलों को होस्ट कर रहे हैं, लेकिन मुझे लगता है कि आप फ़ाइल:// का भी उपयोग कर सकते हैं और इसे स्थानीय रूप से इंगित कर सकते हैं, लेकिन यह सुनिश्चित नहीं है कि यह कितना अच्छा काम करेगा

क्या कंस्ट्रक्टर में डिफॉल्टयूआई को निष्क्रिय करना संभव है? क्योंकि यह इसे इस तरह नहीं पहचान रहा है:

constructor(){ this.imageMapOptions = { getTileUrl: (coord: ImageMapTypeCoord, zoom: number) => { return http://www.sylvanreinieren.com/tiles/ ${zoom}/${coord.x}/${coord.y}.png }, tileSize: { height: 256, width: 256 }, maxZoom: 16, minZoom: 12, radius: 1738000, name: 'linZ', disableDefaultUI: true, alt: 'LINZ Topo Maps' }; }

इस सुविधा पर कोई प्रगति? मैंने अभी कुछ दिनों पहले angular2-google-maps को देखना शुरू किया था और ऐसा लगता है कि यह मेरे आवेदन में जो कुछ भी जोड़ना चाहता है उसे हल करेगा, लेकिन मुझे वास्तव में Google मानचित्र मानचित्रों को नॉर्वेजियन से कुछ और विस्तृत मानचित्रों के साथ बदलने की आवश्यकता है " कार्तवेर्केट"।

@ carl09 देर से उत्तर के लिए खेद है ... वर्तमान में बहुत कुछ करना है। अन्य तत्वों के अनुरूप होने के लिए, हमें अलग-अलग विशेषताओं का उपयोग करना चाहिए जिनसे आप जुड़ सकते हैं, इसलिए कोई एकल [विकल्प] नहीं है। तुम इस से सहमत हो न?

+1 बम्प, इस सुविधा का उपयोग करना पसंद करेंगे

क्या इस कस्टम WMS लेयर फीचर को नए AGM में पोर्ट किया गया है?

तो यूआरएल से एक छवि लाने और मानचित्र पर प्रदर्शित करने का कोई तरीका नहीं है?

@sneckelmann हमने बहुत कोशिश की है लेकिन अंत में अब मार्करों के लिए बेस एन्कोडेड svgs का उपयोग कर रहे थे .. सबसे अच्छा समाधान नहीं है लेकिन यह काम करता है

क्या यह सुविधा एजीएम-मैप्स में अपडेट की गई है?

@सेबेस्टियनएम
इस प्लंकर की तरह
http://plnkr.co/edit/OlljPTvgqdq0Na2lvZPN?p=preview

क्या एजीएम में मैप ओवरले लागू किए जाते हैं?

@ carl09 जब मैंने ओपनस्ट्रीटमैप को ओपनवेदरमैप एपीआई से बदल दिया, तो टाइल मैप टाइल की जगह ले रही थी। क्या हम उन टाइलों को रूपांतरित कर सकते हैं?

मैं एजीएम के साथ इस तरह की चीज को लागू करना चाहता था

https://jsfiddle.net/601oqwq2/221/

@SebastianM सुविधा लंबे समय से लंबित है, क्या हम आंतरिक Google मानचित्र उदाहरण को संदर्भित करने के बारे में कुछ विचार प्राप्त कर सकते हैं, ताकि हम कम से कम कुछ समाधान तब तक कर सकें जब तक कि सुविधा को आपकी ओर से अपडेट न मिल जाए?

मुझे #1423 पर कुछ मिला, मुझे भी कुछ सोचने दो ;P

@सेबेस्टियनएम
उपरोक्त परिदृश्य के लिए एक वैकल्पिक समाधान

https://github.com/er-shrey/AGM-Openweather-Integration

@carl09 इस पर एक नजर डालें

मुझे लगता है कि फीचर अनुरोध को बंद कर दिया जाना चाहिए क्योंकि इसके लिए एक आसान समाधान है।

इस समस्या को स्वचालित रूप से पुराने के रूप में चिह्नित कर दिया गया है क्योंकि इसमें हाल की गतिविधि नहीं है। आगे कोई गतिविधि नहीं होने पर इसे बंद कर दिया जाएगा। आपके योगदानों के लिए धन्यवाद।