Angular-google-maps: जब कोई नया क्लिक करता है तो मार्कर की जानकारी विंडो बंद करें?

हाँ, मैंने पहले भी इसी मुद्दे का सामना किया है।

यहाँ काम कर रहा प्लंक है
http://plnkr.co/edit/cwuwBN?p=preview

मैं इस दृष्टिकोण का उपयोग नहीं कर सका।
मेरा समाधान स्रोतों को डाउनलोड किया गया था और फ़ाइल में निम्न कोड शामिल हैं (google-map-info-window.ts):

// इस संपत्ति को शीर्ष फ़ाइल में सेट करें, नीचे infoWindowId = 0; (पंक्ति 7)
जानकारी दें

open (): वादा{{
अगर (infoWindowLastContext! == null) {
this._infoWindowManager.close (infoWindowLastContext)
}

infoWindowLastContext = this;

return this._infoWindowManager.open(this);

}

मैं इस उम्मीद में हूँ की इससे मदद मिलेगी...

मेरा टेम्पलेट केवल समाधान:

<sebm-google-map #gm [latitude]="lat" [longitude]="lng" [zoom]="zoom" [scrollwheel]="false" [styles]="mapStyles">
    <sebm-google-map-marker *ngFor="let place of places"
    [latitude]="place.point.lat"
    [longitude]="place.point.lng"
    [label]="place.name[0]"
    (markerClick)="gm.lastOpen?.close(); gm.lastOpen = infoWindow">
    <sebm-google-map-info-window #infoWindow>
        <strong>{{place.name}}</strong>
    </sebm-google-map-info-window>
</sebm-google-map-marker>

@soyersoyer @lazarljubenovic

<agm-map #gm [latitude]="lat" [longitude]="lng" [zoom]="zoom" [scrollwheel]="false" [styles]="mapStyles">
    <sebm-google-map-marker *ngFor="let place of places"
    [latitude]="place.point.lat"
    [longitude]="place.point.lng"
    [label]="place.name[0]"
    (markerClick)="gm.lastOpen?.close(); gm.lastOpen = infoWindow">
    <agm-info-window #infoWindow>
        <strong>{{place.name}}</strong>
    </agm-info-window>
</agm-marker>

नए 1.0.0-beta.0 के साथ - ग्रीन-ज़ेबरा एओटी काम नहीं कर रहा है:
संपत्ति 'lastOpen' 'AgmMap' प्रकार पर मौजूद नहीं है

क्या हो सकता है?

महान काम करता है, मेरा टेम्पलेट उपयोग के रूप में एक कस्टम क्लिक फ़ंक्शन को आमंत्रित करता है

(markerClick)="gm.lastOpen?.close(); gm.lastOpen = infoWindow; markerClicked(m);"

नमस्ते,

@ मार्टिन-बी समाधान के साथ भी, यह काम नहीं करता है: /

कोई मदद ?

@ मार्टिन-बी धन्यवाद समाधान के लिए ढेर। एक इलाज करता है!

@ मार्टिन-बी नाइस thx!
मुझ पर #infoWindow <agm-info-window> जोड़ना भूल गए। हो सकता है आपने भी यही गलती की हो?

सार्वजनिक OpenIW (डेटा = अपरिभाषित) {
अगर (यह। IW) {
this.IW.close ();
}

this.IW = data;

}

@ मार्टिन-बी इसे कैसे उपयोग करें ((मार्कर क्लिक करें) = "gm.lastOpen? .Close (); gm.lastOpen = infoWindow; मार्कर क्लिकड (एम);") एग्म-मार्कर कृपया .ts कोड के साथ उपयोग करें।

यहाँ काम कर रहा है @menakav :
.ts फ़ाइल:
`
मार्करक्लाइड
अगर (यह।
वापसी;

    if(this.infoWindowOpened !== null)
    {
        this.infoWindowOpened.close();
    }

    this.infoWindowOpened = infoWindow;
}

in .html file: (मार्कर क्लिक करें) = "gm.lastOpen? .Close (); gm.lastOpen = infoWindow; मार्करक्लिप्ड (एम);" `

@menakav आपका कोड मेरे लिए काम नहीं करता है
:(

मैंने इस मंच के सभी कोड का परीक्षण किया है, और मेरी समस्या यहाँ प्राप्त infoWindow है:

  clickedMarker(infoWindow, index: number) {
    ...
  }

infoWindow हमेशा पहले वाले होते हैं, चाहे मेरे पास कोई भी अंक हो। हमेशा मैंने _id = 0 के साथ infoWindow प्राप्त किया।

पैरामीटर index क्लिक किए गए मार्कर की सही आईडी प्राप्त करता है ...।

यह मेरा html है:

<agm-marker *ngFor="let point of points; let i = index" [latitude]="point.latitude"
                            [longitude]="point.longitude"
                            [iconUrl]="iconUrl" (markerClick)="clickedMarker(infoWindow, i)">
<agm-info-window [disableAutoPan]="true" #infoWindow *ngIf="!isDetailMovil">
        <div class="marker__tittle">{{point.name}}</div>

किसी भी विचार क्यों हमेशा एक ही जानकारी आ रही है?

@soyersoyer का "केवल टेम्पलेट" समाधान शानदार काम करता है। हालाँकि, एक बार प्रारंभिक agm- मार्कर सरणी को नए मार्कर तत्वों (जैसे ajax अपडेट के बाद) से बदल दिया जाता है, अचानक, पिछले infowindows अब स्वचालित रूप से बंद नहीं होता है। यहां क्या समस्या हो सकती थी?

@ agch-initial एरे-मार्कर सरणी को बदलने पर मेरे वर्कअराउंड को देखें।
(markerClick)="tmp=gm.lastOpen;gm.lastOpen=infoWindow;tmp?.close();"

मेरा समाधान, @lauwrentius उत्तर पर आधारित:

*। html

<agm-marker 
    *ngFor="let marker of markers; let i = index"
    (markerClick)="showInfoWindow(infoWindow, i)"
>
    <agm-info-window #infoWindow></agm-info-window>
</agm-marker>

* .ts

infoWindowOpened = null;

filter() {
    infoWindowOpened = null;
    // redraw the map with filtered markers
}

showInfoWindow(infoWindow, index) {
    if (this.infoWindowOpened === infoWindow) {
        return;
    }

    if (this.infoWindowOpened !== null) {
        this.infoWindowOpened.close();
    }

    this.infoWindowOpened = infoWindow;   
}

@ जिमी

क्या आप बता सकते हैं कि कैसे आप filter(){infoWindowOpened = null;} चला रहे हैं, बिना '' कोई जानकारी नहीं पा सकते हैं। '' त्रुटि के रूप में। यह मार्कर आइकन ऐरे को बदलने के बाद होता है।

मैंने समस्या हल कर दी।
मैंने कोड साझा किया:
{

clickedMarker (डेटा = अपरिभाषित, वर्तमान स्थान: कोई भी, lat: string, lng: string) {
अगर (यह। IW) {
this.IW.close ();
}
const details = data._infoWindowManager._infoWindows;
अगर (विवरण। आकार> 0) {
विवरण।
if (key.hostMarker.latitude === lat && key.hostMarker.longitude === ng) {
this.IW = कुंजी;
}
};
}
}

मुझे आशा है कि यह मदद करता है

धन्यवाद।

शनिवार को, 28 अप्रैल, 2018 को 02:04 बजे, क्रिस्टियन हर्नांडेज़ नोटिफिकेशन @github.com
लिखा था:

मैंने समस्या हल कर दी।
मैंने कोड साझा किया:
[अक्षांश] = "बिंदु। अक्षांश" [देशांतर] = "बिंदु। देशांतर"
]
point.latitude, point.longitude) "> [अक्षम करें] = "सही" * ngIf = "! isDetailMovil">

clickedMarker (डेटा = अपरिभाषित, वर्तमान स्थान: कोई भी, lat: string, lng:
string) {if (यह। IW) {this.IW.close (); } कास्ट विवरण =
data._infoWindowManager._infoWindows; अगर (विवरण। आकार> 0) {
विवरण।
key.hostMarker.longitude === lng) {this.IW = key; }}); }}

मुझे आशा है कि यह मदद करता है

-
आप इसका उल्लेख कर रहे हैं क्योंकि आपका उल्लेख किया गया था।
इस ईमेल का उत्तर सीधे दें, इसे GitHub पर देखें
https://github.com/SebastianM/angular-google-maps/issues/797#issuecomment-385086695 ,
या धागा म्यूट करें
https://github.com/notifications/unsubscribe-auth/AgIM0TGCgyHK-snaJdIlSZSQuq0MF1Ihks5ts4DDgaJpZM4Ln0M7
।

यहाँ मेरा समाधान है। कोणीय 6 के साथ काम करता है।
HTML:

<agm-marker *ngFor="let marker of markers" [latitude]="marker.latitude"[longitude]="marker.longitude" (markerClick)="markerClick(infoWindow)">
<agm-info-window #infoWindow>
</agm-info-window>
</agm-marker>

टाइपस्क्रिप्ट:

lastSelectedInfoWindow: any;
markerClick(infoWindow: any) {
        if (infoWindow == this.lastSelectedInfoWindow) {
            return;
        }
        if (this.lastSelectedInfoWindow != null) {
         try{
            this.lastSelectedInfoWindow.close();
          } catch {} //in case if you reload your markers
        }
        this.lastSelectedInfoWindow = infoWindow;
    }

एक लंबे शोध और अस्पष्ट समाधानों के बाद आखिरकार एक नया समाधान खुलने पर स्पष्ट पिछले एग्म-इंफो-विंडो के लिए एक अच्छा समाधान मिला

यह मेरा घटक है। html:

 <agm-map (mapClick)="close_window($event)" [fullscreenControl]='true' [mapTypeControl]='true' [latitude]="lat" [longitude]="lng" [zoom]="13" [scrollwheel]="false">
     <div *ngFor="let data of zonas">
        <agm-marker (markerClick)=select_marker(infoWindow) [latitude]="data.latitud" [longitude]="data.longitud">
           <agm-info-window #infoWindow >            
           </agm-info-window>
         </agm-marker>
      </div>
  </agm-map>

और यह मेरा घटक है:

constructor(public apiService: ApiService) {}
infoWindowOpened = null
previous_info_window = null
...
close_window(){
if (this.previous_info_window != null ) {
  this.previous_info_window.close()
  }    
}

select_marker(data,infoWindow){
 if (this.previous_info_window == null)
  this.previous_info_window = infoWindow;
 else{
  this.infoWindowOpened = infoWindow
  this.previous_info_window.close()
 }
 this.previous_info_window = infoWindow
}

इसलिए हर बार एक नई विंडो खुलने के बाद यह घटना का पता लगाएगा और पिछले एक को बंद कर देगा, यह भी एक खुली हुई खिड़की को बंद करने के लिए काम कर रहा है, अगर उपयोगकर्ता मैप के किसी अन्य भाग में खिड़की के बाहर क्लिक करता है।

धन्यवाद @JimmyTheNerd , यह मेरे लिए काम किया!

मेरा समाधान, @lauwrentius उत्तर पर आधारित:

*। html

<agm-marker 
    *ngFor="let marker of markers; let i = index"
    (markerClick)="showInfoWindow(infoWindow, i)"
>
    <agm-info-window #infoWindow></agm-info-window>
</agm-marker>

* .ts

infoWindowOpened = null;

filter() {
    infoWindowOpened = null;
    // redraw the map with filtered markers
}

showInfoWindow(infoWindow, index) {
    if (this.infoWindowOpened === infoWindow) {
        return;
    }

    if (this.infoWindowOpened !== null) {
        this.infoWindowOpened.close();
    }

    this.infoWindowOpened = infoWindow;   
}

धन्यवाद @JimmyTheNerd , इसकी कार्यप्रणाली।

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