Angular-google-maps: प्रश्न: MarkerManager.getNativeMarker ()

मुझे समाधान मिला

समाधान में रुचि रखने वाले अन्य लोगों के लिए, आपको एक नया निर्देश बनाना होगा, और इसे sebm-google-map घटक के अंदर घोंसला बनाना होगा। मार्करमैनेजर ऑब्जेक्ट को इस घटक में इंजेक्ट करें, फिर इसे मूल घटक को पास करने के लिए आउटपुट प्रॉपर्टी के साथ उत्सर्जित करें। उदाहरण के लिए:

<my-parent-component>
    <sebm-google-map>
        <get-map-objects (markerManager)="setMarkerManager($event)">
            <sebm-google-map-marker ... ></sebm-google-map-marker>
        </get-map-objects>
    </sebm-google-map>
</my-parent-component>

फिरनिर्देश कुछ इस तरह दिखेगा:

import { Directive, Output, EventEmitter, AfterViewInit, ContentChildren, QueryList } from '@angular/core';
import { GoogleMapsAPIWrapper, MarkerManager, SebmGoogleMapMarker } from 'angular2-google-maps/core';

@Directive({
  selector: 'get-map-objects',
})
export class GetMapObjectsDirective implements AfterViewInit {

  /**
   * Get native map object
   */
  private _map: any = null;
  @Output('map') mapChanged: EventEmitter<any> = new EventEmitter<any>();
  set map(val){
    this._map = val;
    this.mapChanged.emit(val);
  }
  get map(){
    return this._map;
  }

  /**
   * Get marker manager
   */
  private _markerManager: any = null;
  @Output('markerManager') markerManagerChanged: EventEmitter<MarkerManager> = new EventEmitter<MarkerManager>();
  set markerManager(val){
    this._markerManager = val;
    this.markerManagerChanged.emit(val);
  }
  get markerManager(){
    return this._markerManager;
  }

  /**
   * Get sebm markers
   */
  private _markers: any = null;
  @Output('markers') markersChanged: EventEmitter<SebmGoogleMapMarker[]> = new EventEmitter<SebmGoogleMapMarker[]>();
  set markers(val){
    this._markers = val;
    this.markersChanged.emit(val);
  }
  get markers(){
    return this._markers;
  }
  @ContentChildren(SebmGoogleMapMarker) markerChildren: QueryList<SebmGoogleMapMarker>;

  constructor(
    private googleMapsWrapper: GoogleMapsAPIWrapper,
    private googleMarkerManager: MarkerManager
  ) { }

  ngAfterViewInit() {
    // get native map
    this.googleMapsWrapper.getNativeMap().then(map => {
      this.map = map;
    }, error => {
      throw error;
    })

    // get marker manager
    this.markerManager = this.googleMarkerManager;

    // get markers
    this.markerChildren.changes.subscribe(markers => {
      this.markers = markers._results;
    })
  }
}

अंत में अपने मूल घटक में, मार्कर प्रबंधक (और मार्कर) का उपयोग इस प्रकार करें:

setMarkerManager(markerManager: MarkerManager){
    this.markerManager = markerManager;
  }

  /**
   * Sets the markers, used by spidifier
   */
  setMarkers(markers: SebmGoogleMapMarker[]){
    this.markers = markers;
    for(let marker of markers){
      this.markerManager.getNativeMarker(marker).then(marker => {
        this.overlappingMarkerSpidifier.addMarker(marker);
      });
    }
  }

हाय @ मैक्सममफोर्ड
कि मैं वास्तव में क्या चाहता हूँ,
बहुत - बहुत धन्यवाद।

@मैक्सममफोर्ड
मेरे पास एक और मुद्दा है।
मैं मार्कर के होवर पर मैन्युअल रूप से infowindow जोड़ना चाहता हूं।
कृपया इसके लिए कुछ उदाहरण भेजेंगे?