Angular-google-maps: AGM mapClick ($ घटना) ठीक से काम नहीं कर रहा है

को निर्मित 24 जुल॰ 2020 · 20टिप्पणियाँ · स्रोत: SebastianM/angular-google-maps

मैंने गेटिंग स्टार्टेड एजीएम ट्यूटोरियल बनाया: https://angular-maps.com/guides/getting-started/

मैंने स्थापित कर लिया:
"@ कोणीय / कोर": "~ 10.0.0"
तथा
"@ agm / core": "^ 3.0.0-beta.0"

App.component.html में मैंने जोड़ा:

App.component.ts में मैंने जोड़ा:
निर्यात वर्ग AppComponent {
शीर्षक = 'gbis';
lat = 51.678418;
lng = 7.809007;

mapClick(e) {
    console.log(e);
}

}

App.component.css में मैंने जोड़ा:
agm-map {
ऊंचाई: 300 पीएक्स;
}

जब मैं इस ऐप को चलाता हूं तो मैप काम कर रहा होता है लेकिन अगर मैं टीएस फाइल फंक्शन मैप में मैप पर क्लिक करता हूं तो क्लिक करें (ई) मैं ई = "ए" प्राप्त करता हूं। कोई निर्देशांक पैरामीटर ई से प्राप्त नहीं हुआ।

कृपया सहायता कीजिए!

urgent bug

स्रोत

markolo

👍9

सबसे उपयोगी टिप्पणी

वर्कअराउंड के रूप में आप श्रोता को Google मानचित्र उदाहरण में जोड़ सकते हैं

<agm-map [latitude]="position.lat"
         [longitude]="position.lng"
         [zoom]="zoom"
         (mapReady)="mapReadyHandler($event)">
</agm-map>

public mapReadyHandler(map: google.maps.Map): void {
  this.map = map;
  this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
    this.zone.run(() => {
      // Here we can get correct event
      console.log(e.latLng.lat(), e.latLng.lng());
    });
  });
}

public ngOnDestroy(): void {
  if (this.mapClickListener) {
    this.mapClickListener.remove();
  }
}

egorkel-da14 11 अग॰ 2020

👍17 🚀7 ❤5 🎉1

सभी 20 टिप्पणियाँ

इस फिक्स पर ईटीए? या वर्कअराउंड?

amalmo 27 जुल॰ 2020

👍1

मैं वास्तव में एक ही मुद्दे का सामना करना पड़ा।

sqaliu 30 जुल॰ 2020

👍2

क्या कोई इस मुद्दे को ठीक कर सकता है?

CesarIAndrade 2 अग॰ 2020

👍2 😕1

एक ही मुद्दा, एक पुराने संस्करण का उपयोग करने के लिए इस समाधान है?

gggiiia 3 अग॰ 2020

क्या कोई इस मुद्दे को ठीक कर सकता है?

Juanreverter 3 अग॰ 2020

क्या कोई इस मुद्दे को ठीक कर सकता है?

मैं अब के लिए एक पुराने संस्करण का उपयोग करने का सुझाव देता हूं, क्योंकि यह बग महत्वपूर्ण है, नक्शे के साथ बुनियादी बातचीत को नकारना

gggiiia 3 अग॰ 2020

👍2

क्या कोई इस मुद्दे को ठीक कर सकता है?
मैं अब के लिए एक पुराने संस्करण का उपयोग करने का सुझाव देता हूं, क्योंकि यह बग महत्वपूर्ण है, नक्शे के साथ बुनियादी बातचीत को नकारना

हां, पिछला संस्करण 1.1.0 (8 महीने पहले) ठीक काम करता है।

Juanreverter 4 अग॰ 2020

👍1

# 1847 पर सरल सुधार, @SebastianM से समीक्षा की प्रतीक्षा में

ghost 4 अग॰ 2020

🚀1 👍1

मैं उसी समस्या का सामना कर रहा हूं। MapClick में $ घटना एक स्ट्रिंग "c" लौटाती है। किसी भी विचार जब यह तय हो जाएगा? पुराने संस्करण में शिफ्ट करने के अलावा कोई उपाय?

AsadAmir111 10 अग॰ 2020

वर्कअराउंड के रूप में आप श्रोता को Google मानचित्र उदाहरण में जोड़ सकते हैं

<agm-map [latitude]="position.lat"
         [longitude]="position.lng"
         [zoom]="zoom"
         (mapReady)="mapReadyHandler($event)">
</agm-map>

public mapReadyHandler(map: google.maps.Map): void {
  this.map = map;
  this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
    this.zone.run(() => {
      // Here we can get correct event
      console.log(e.latLng.lat(), e.latLng.lng());
    });
  });
}

public ngOnDestroy(): void {
  if (this.mapClickListener) {
    this.mapClickListener.remove();
  }
}

egorkel-da14 11 अग॰ 2020

👍17 🚀7 ❤5 🎉1

क्या कोई इस समस्या को ठीक कर सकता है?
मेरा सुझाव है कि अभी के लिए एक पुराने संस्करण का उपयोग करें, क्योंकि यह बग महत्वपूर्ण है, नक्शे के साथ बुनियादी बातचीत से इनकार कर रहा है
हां, पुराना संस्करण 1.1.0 (8 महीने पहले) ठीक काम करता है।

यदि यह संस्करण 1.1.0 के साथ काम करता है, तो कमांड npm i @ [email protected] का उपयोग करें

jesuschavez1994 2 सित॰ 2020

👎1

यह कब जारी किया जाएगा?

ahmadalfy 12 अक्तू॰ 2020

👍5

"@ Agm / core" पर समान समस्या होने पर: "^ 3.0.0-beta.0"

paishin 14 दिस॰ 2020

@ egorkel-da14 मैं आपके समाधान की कोशिश कर रहा हूं लेकिन यह संदेश प्राप्त कर रहा हूं:
Uncaught TypeError: Cannot read property 'run' of undefined
this.zone.run(...) कॉल करते समय

क्या मुझसे कोई चूक हो रही है?

अद्यतन: ऐसा लगता है कि मैं उस लाइन को छोड़ते समय निर्देशांक प्राप्त कर सकता हूं:

    public mapReadyHandler(map: google.maps.Map): void {
        this.map = map;
        this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
            console.log(e.latLng.lat(), e.latLng.lng());
        });
    }

paishin 14 दिस॰ 2020

@ egorkel-da14 मैं आपके समाधान की कोशिश कर रहा हूं लेकिन यह संदेश प्राप्त कर रहा हूं:
Uncaught TypeError: Cannot read property 'run' of undefined
this.zone.run(...) कॉल करते समय
क्या मुझसे कोई चूक हो रही है?
अद्यतन: ऐसा लगता है कि मैं उस लाइन को छोड़ते समय निर्देशांक प्राप्त कर सकता हूं:
    public mapReadyHandler(map: google.maps.Map): void {
        this.map = map;
        this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
            console.log(e.latLng.lat(), e.latLng.lng());
        });
    }

हाँ :)
आपको निर्माता को NgZone सेवा इंजेक्षन करने की आवश्यकता है

constructor(private zone: NgZone) {}

egorkel-da14 14 दिस॰ 2020

👍1

कोणीय परिवर्तन का पता लगाने (उचित दृश्य अद्यतन के लिए) के उचित कार्य के लिए आपको इस पंक्ति की आवश्यकता है
@ अंशी

egorkel-da14 14 दिस॰ 2020

कॉल event.latLng.lat () काम कर रहा है
modDragEnd ($ घटना: कोई भी) {
कंसोल.लॉग ($ event.latLng.lat (), $ event.latLng.lng ());
}

chaleawmut 29 जन॰ 2021

मुझे ऐडपिन फ़ंक्शन के साथ एक ही मुद्दा है, लेकिन मुझे उपयोगकर्ता लोकेल के अनुसार नक्शे के लिए अनुवाद करने के लिए संस्करण 3.0.0 का उपयोग करने की आवश्यकता है। इसलिए मुझे पता है कि अनुवाद के साथ संस्करण है और पिन कार्यक्षमता जोड़ना पहले प्रकाशित किया गया था या नहीं? (क्योंकि संस्करण 1.1.0 में अनुवाद अभी भी उपलब्ध नहीं है)

panimat 3 फ़र॰ 2021

क्या कोई इस समस्या को ठीक कर सकता है?
मेरा सुझाव है कि अभी के लिए एक पुराने संस्करण का उपयोग करें, क्योंकि यह बग महत्वपूर्ण है, नक्शे के साथ बुनियादी बातचीत से इनकार कर रहा है
हां, पुराना संस्करण 1.1.0 (8 महीने पहले) ठीक काम करता है।
यदि यह संस्करण 1.1.0 के साथ काम करता है, तो कमांड npm i @ [email protected] का उपयोग करें

कोणीय 10 के साथ?

munozdaniel 18 मार्च 2021

वर्कअराउंड के रूप में आप श्रोता को Google मानचित्र उदाहरण में जोड़ सकते हैं

<agm-map [latitude]="position.lat"
         [longitude]="position.lng"
         [zoom]="zoom"
         (mapReady)="mapReadyHandler($event)">
</agm-map>

public mapReadyHandler(map: google.maps.Map): void {
  this.map = map;
  this.mapClickListener = this.map.addListener('click', (e: google.maps.MouseEvent) => {
    this.zone.run(() => {
      // Here we can get correct event
      console.log(e.latLng.lat(), e.latLng.lng());
    });
  });
}

public ngOnDestroy(): void {
  if (this.mapClickListener) {
    this.mapClickListener.remove();
  }
}

इस कोड के लिए बहुत बहुत धन्यवाद, यह बहुत उपयोगी है, महान दिन है

AmrouzAmar 29 मार्च 2021

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Angular-google-maps: AGM mapClick ($ घटना) ठीक से काम नहीं कर रहा है

सबसे उपयोगी टिप्पणी

सभी 20 टिप्पणियाँ

संबंधित मुद्दों