Angular-google-maps: GoogleMapsAPIWrapper рдирд╣реАрдВ рд▓реМрдЯ рд░рд╣рд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 8 рдЕрдХреНрддреВре░ 2016  ┬╖  21рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: SebastianM/angular-google-maps

рдирдорд╕реНрддреЗ,
рдореИрдВ GoogleMapsAPIWrapper рд╕реЗрд╡рд╛ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдирдХреНрд╢реЗ рдХреА рд╕реАрдорд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред
рдореИрдВ рдкреНрд░реЙрдорд┐рд╕ рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд░ рд░рд╣рд╛ рд╣реВрдВрдлрд╝рдВрдХреНрд╢рди getBounds ()ред

рдХреБрдЫ рднреА рдирд╣реАрдВ рд▓реМрдЯрд╛рдпрд╛ред

рдпрд╣рд╛рдБ рдореЗрд░рд╛ рдХреЛрдб рд╣реИред

constructor(private searchService: SearchService, 
    private wrapper: GoogleMapsAPIWrapper, 
    private _loader: MapsAPILoader, 
    private zone: NgZone) {
  }

  ngOnInit() {
   this.wrapper.getBounds().then(x => console.log(x));  
  }

рдХрдВрд╕реЛрд▓.рд▓реЙрдЧ рдлрд╝рдВрдХреНрд╢рди рдХреЛ рдирд╣реАрдВ рдХрд╣рд╛ рдЬрд╛рддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ peomise рдХрднреА рднреА рдХреБрдЫ рднреА рдирд╣реАрдВ рд▓реМрдЯрд╛рддрд╛ рд╣реИред

рдзрдиреНрдпрд╡рд╛рдж

stale discussion / question

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

@ рд╕рдмрд╕реНрдЯрд┐рдпрдирдо
Angular4 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ Im, рдореИрдВ GoogleMapsAPIWrapper рдХреЗ рд╡рд╛рджреЛрдВ рдХреА рдкреБрд╖реНрдЯрд┐ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред

рд╕рднреА 21 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

@betfun рдЖрдкрдиреЗ рдЗрд╕ рдШрдЯрдХ рдХреЛ рдЕрдкрдиреЗ рдЯреЗрдореНрдкрд▓реЗрдЯ рдХреЗ рдЕрдВрджрд░ рдХрд╣рд╛рдВ рд░рдЦрд╛ рд╣реИ? рдХреЗ рдЕрдВрджрд░рдШрдЯрдХ?

рдореИрдВрдиреЗ рдЦреБрдж рдРрд╕рд╛ рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдпрд╣ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рдШрдЯрдХ рдкрд░ рдерд╛ред

рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ "getNativeMap" рдХреЛ рдХреЙрд▓ рдХрд░рдирд╛ рдФрд░ рдЙрд╕ рдкрд░ "рддрдм" рдХрд░рдирд╛ рдмрд┐рд▓реНрдХреБрд▓ рднреА рдХреЙрд▓ рдирд╣реАрдВ рд╣реЛ рд░рд╣рд╛ рд╣реИред

рдореИрдВрдиреЗ рдЙрд╕реА рдореБрджреНрджреЗ рдХрд╛ рдЕрдиреБрднрд╡ рдХрд┐рдпрд╛ рдЬрдм рдЗрд╕реЗ рдПрдХ рдШрдЯрдХ рдкрд░ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рдЧрдИ рдереА, рдЬрд┐рд╕рдореЗрдВ рдЯреЗрдореНрдкрд▓реЗрдЯ рдореЗрдВ <sebm-google-maps> рдерд╛ред рдореЗрд░рд╛ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдЖрд╡рд╢реНрдпрдХ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдкреНрд░рджрд░реНрд╢рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП <sebm-googe-maps><custom-component></custom-component></sebm-google-maps> рдЕрдВрджрд░ рдЫреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдХрд╕реНрдЯрдо рдШрдЯрдХ рдмрдирд╛рдирд╛ рдерд╛ред

рдореЗрд░рд╛ рднреА рд╡рд╣реА рдореБрджреНрджрд╛ рд╣реИред рдЬрдм рдореИрдВ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рддрд╛ рд╣реВрдВ:
this._wrapper.getNativeMap ()ред рддрдм ((рдореИрдк) => рдХрдВрд╕реЛрд▓.рд▓реЙрдЧ ("рдореИрдкрдк", рдореИрдк));

mappp рдкреНрд░рд┐рдВрдЯ рдЖрдЙрдЯ рдирд╣реАрдВ рд╣реИред рдореИрдВ рдпрд╣ рдХреИрд╕реЗ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рдЙрджрд╛рд╣рд░рдг sebm-google-map рдЙрджрд╛рд╣рд░рдг рдХреЗ рд╕рдорд╛рди рд╣реИ?

рдХрд┐рд╕реА рднреА рд╕рд╣рд╛рдпрддрд╛ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ MapComponent рд╣реИ рдЬреЛ рдПрдХ рдорд╛рдирдЪрд┐рддреНрд░ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИ рдФрд░ рдореИрдВ рдПрдХ рдЕрдиреНрдп рдШрдЯрдХ рд╕реЗ рдЗрд╕рдХреА рд╕реАрдорд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рдореИрдВ рдРрд╕рд╛ рдХреИрд╕реЗ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ?

рдореИрдВ рднреА рдЗрд╕реА рдореБрджреНрджреЗ рдХреЛ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдБред

рдХрд┐рд╕реА рдЯреЗрдореНрдкрд▓реЗрдЯ рдХреЗ рдЕрдВрджрд░ sebm-google-map рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛:

<sebm-google-map (boundsChange)="boundsChange($event)"></sebm-google-map>

рдФрд░ рдлрд┐рд░ рдЕрдкрдиреЗ рдШрдЯрдХ рдХреЗ рдЕрдВрджрд░:

boundsChange(event) {
    console.log(event.getNorthEast().lat());
    console.log(event.getNorthEast().lng());
    console.log(event.getSouthWest().lat());
    console.log(event.getSouthWest().lng());
  }

@josueadelima рдзрдиреНрдпрд╡рд╛рдж!
рдпрд╣ рддрднреА рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ рдЬрдм рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдорд╛рдирдЪрд┐рддреНрд░ рдкрд░ рдкреИрди рдХрд░рддрд╛ рд╣реИред
рдЬрдм рдирдХреНрд╢рд╛ рд▓реЛрдб рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдФрд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдиреЗ рдЗрд╕реЗ рдирд╣реАрдВ рдЫреБрдЖ рд╣реИ, рддреЛ рдореБрдЭреЗ рд╕реАрдорд╛рдПрдВ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХреА рднреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

@ рд╕рдмрд╕реНрдЯрд┐рдпрдирдо
Angular4 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ Im, рдореИрдВ GoogleMapsAPIWrapper рдХреЗ рд╡рд╛рджреЛрдВ рдХреА рдкреБрд╖реНрдЯрд┐ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ред

@craftpip рдореБрдЭреЗ рдореИрдк рд▓реЛрдб рдкрд░ рднреА рд╕реАрдорд╛ рдкрд░рд┐рд╡рд░реНрддрди рдХреА рдШрдЯрдирд╛ рдорд┐рд▓ рд░рд╣реА рд╣реИ ...

рдФрд░ рдЬреИрд╕рд╛ рдХрд┐ @craftpip рдЙрд▓реНрд▓реЗрдЦ рд╡рд╛рджреЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, Angular4 рднреА

рдпрджрд┐ рдЖрдк GoogleMapsAPIWrapper рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдореИрдк рдмрдирд╛рддреЗ рд╣реИрдВ рдФрд░ sebm-google-map рдЯреЗрдореНрдкрд▓реЗрдЯ рдирд╣реАрдВ рддреЛ рд╢рд╛рдпрдж (рдЗрд╕рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдирд╣реАрдВ рдХрд┐рдпрд╛ рд╣реИ) рд╡реЗ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВ рд▓реЗрдХрд┐рди рддрдм рдЖрдк рдмрд╣реБрдд рдЕрдзрд┐рдХ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдвреАрд▓реА рдХрд░ рджреЗрддреЗ рд╣реИрдВ рдЬреЛ sebm-google-map рдЖрдкрдХреЛ рджреЗрддрд╛ рд╣реИред

рдореИрдВ рдирд┐рд░реНрджреЗрд╢рди <agm-circle> рд▓реЛрдб рд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред рдореИрдВрдиреЗ рдореВрд▓ рддрддреНрд╡ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, рд▓реЗрдХрд┐рди рдореИрдВ рдореВрд▓ рддрддреНрд╡ рд╕реЗ рдПрдЧрдордХреНрд░рд┐рд╕рд▓ рдСрдмреНрдЬреЗрдХреНрдЯ рдирд╣реАрдВ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрд╛ред

this.circleManager.getBounds(this.searchCircle).then((bounds) => { console.log(bounds); }); 

http://plnkr.co/edit/nG6lUsm1KLbQRv3SRdgW?p редpreview

рдЗрд╕ рдкрд░ рдХрд┐рд╕реА рднреА рдорджрдж рдХреА рд╕рд░рд╛рд╣рдирд╛ рдХрд░реЗрдВред

рдЗрд╕рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдлрд┐рдХреНрд╕? рдореИрдВ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдФрд░ рдШрдЯрдирд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реИред

@jplew рдХреЛ рдзрдиреНрдпрд╡рд╛рдж
рдЗрд╕ рддрд░рд╣ рд╕реЗ рд╕реАрдорд╛ рдкреНрд░рд╛рдкреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ;)

latNorth: number
  @ViewChild(AgmMap) mapElement: any
  ...

  checkBounds(map) {

    const ln = this.mapElement._mapsWrapper.getBounds()
      .then( (latLngBounds) => {
        return latLngBounds.getNorthEast().lat()
      })
    ln.then( x => this.latNorth = x )

рд╡рд╛рджреЗ рдЕрднреА рднреА рдХреЛрдгреАрдп 4 рдореЗрдВ рдХрд╛рдо рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рди рдХреЗрд╡рд▓ рд╣реИ getBounds рд╕рдорд╛рд░реЛрд╣, рдЬреИрд╕реЗ рднреА рдПрдХ рдФрд░ рдХрд╛рд░реНрдпреЛрдВ createMarker рдЬрд╣рд╛рдВ рд╡рд╛рджрд╛ excuted рдирд╣реАрдВ рдкреНрд░рд╛рдкреНрдд рдХрд░рддрд╛ рд╣реИ

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдЕрднреА рднреА рдПрдХ рд╣реА рдореБрджреНрджрд╛ рд░рд╣рд╛ рд╣реИред

рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдмрд╛рд╕реА рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рд╣рд╛рд▓ рдХреА рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рдереАред рдЖрдЧреЗ рдХреЛрдИ рдЧрддрд┐рд╡рд┐рдзрд┐ рдирд╣реАрдВ рд╣реЛрдиреЗ рдкрд░ рдЗрд╕реЗ рдмрдВрдж рдХрд░ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рдиреЛрдВ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред

рдЕрдм рднреА, рдПрдХ рд╣реА рдореБрджреНрджрд╛ рд╣реЛрдиреЗ рдХреЗ рдмрд╛рд╡рдЬреВрдж, рдХреНрдпрд╛ рдХрд┐рд╕реА рдХреЛ рдпрд╣ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдорд┐рд▓рд╛ рд╣реИ?

рдЖрдк рд▓реЛрдЧ GoogleAPIWrapper рд╕реЗ рдЧреЗрдЯрдмрд╛рдЙрдВрдб рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреНрдпреЛрдВ рдХрд░ рд░рд╣реЗ рд╣реИрдВ?

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

ChrisDevinePimss picture ChrisDevinePimss  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

alexweber picture alexweber  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ostapch picture ostapch  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

mensch picture mensch  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

supran2811 picture supran2811  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ