Angular-google-maps: GoogleMapsAPIWrapper getBoundsκ°€ λ°˜ν™˜λ˜μ§€ μ•ŠμŒ

에 λ§Œλ“  2016λ…„ 10μ›” 08일  Β·  21μ½”λ©˜νŠΈ  Β·  좜처: SebastianM/angular-google-maps

μ•ˆλ…•ν•˜μ„Έμš”,
GoogleMapsAPIWrapper μ„œλΉ„μŠ€μ—μ„œμ§€λ„ 경계λ₯Ό κ°€μ Έ μ˜€λ €κ³ ν•©λ‹ˆλ‹€.
Promiseλ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.getBounds () ν•¨μˆ˜.

아무것도 λ°˜ν™˜λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

μ—¬κΈ° λ‚΄ μ½”λ“œκ°€ μžˆμŠ΅λ‹ˆλ‹€.

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

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

peomiseλŠ” 아무것도 λ°˜ν™˜ν•˜μ§€ μ•ŠμœΌλ―€λ‘œ console.log ν•¨μˆ˜λŠ” ν˜ΈμΆœλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

감사

stale discussion / question

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λΏ‘ 빡뀨
Angular4λ₯Ό μ‚¬μš©ν•˜μ—¬ GoogleMapsAPIWrapper의 약속이 μž‘λ™ν•˜μ§€ μ•ŠμŒμ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

λͺ¨λ“  21 λŒ“κΈ€

@betfun ν…œν”Œλ¦Ώ λ‚΄μ—μ„œμ΄ ꡬ성 μš”μ†Œλ₯Ό 어디에 배치 ν–ˆμŠ΅λ‹ˆκΉŒ? 내뢀ꡬ성 μš”μ†Œ?

λ‚˜λŠ” 이것을 μ§μ ‘ν–ˆκ³  μž‘λ™ν•˜μ§€λ„ μ•ŠλŠ”λ‹€. 이것은 Component에 μžˆμ—ˆλ‹€.

"getNativeMap"을 ν˜ΈμΆœν•˜κ³  "then"을 μˆ˜ν–‰ν•΄λ„ μ „ν˜€ ν˜ΈμΆœλ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

ν…œν”Œλ¦Ώμ— <sebm-google-maps> μ΄μžˆλŠ” ꡬ성 μš”μ†Œμ— λŒ€ν•΄ μ‹œλ„ ν•  λ•Œ λ™μΌν•œ λ¬Έμ œκ°€ λ°œμƒν–ˆμŠ΅λ‹ˆλ‹€. λ‚΄ ν•΄κ²° 방법은 ν•„μš”ν•œ κΈ°λŠ₯을 μˆ˜ν–‰ν•˜κΈ° μœ„ν•΄ <sebm-googe-maps><custom-component></custom-component></sebm-google-maps> 내뢀에 놓을 μ‚¬μš©μž 지정 ꡬ성 μš”μ†Œλ₯Ό λ§Œλ“œλŠ” 것이 μ—ˆμŠ΅λ‹ˆλ‹€.

λΉ„μŠ·ν•œ λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€. λ‹€μŒμ„ μ‹œλ„ ν•  λ•Œ :
this._wrapper.getNativeMap (). then ((map) => console.log ( "mappp", map));

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λ₯Ό μ‚¬μš©ν•˜μ—¬ GoogleMapsAPIWrapper의 약속이 μž‘λ™ν•˜μ§€ μ•ŠμŒμ„ 확인할 수 μžˆμŠ΅λ‹ˆλ‹€.

@craftpip μ§€λ„λ‘œλ“œμ‹œ boundsChange μ΄λ²€νŠΈλ„ λ°›κ³  μžˆμŠ΅λ‹ˆλ‹€ ...

@craftpip μ–ΈκΈ‰ 약속이 μž‘λ™ν•˜μ§€ μ•ŠμœΌλ―€λ‘œ Angular4

sebm-google-map ν…œν”Œλ¦Ώμ΄ μ•„λ‹Œ GoogleMapsAPIWrapperλ₯Ό μ‚¬μš©ν•˜μ—¬μ§€λ„λ₯Ό λ§Œλ“€λ©΄ μž‘λ™ν•˜μ§€λ§Œ sebm-google-map μ œκ³΅ν•˜λŠ” λ§Žμ€ κΈ°λŠ₯이 손싀 될 수 μžˆμŠ΅λ‹ˆλ‹€.

λ‘œλ“œμ‹œ <agm-circle> μ§€μ‹œλ¬Έμ—μ„œ getBoundsλ₯Ό μ‹œλ„ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. λ„€μ΄ν‹°λΈŒ μš”μ†Œμ— μ•‘μ„ΈμŠ€ν•˜λ €κ³ ν–ˆμ§€λ§Œ λ„€μ΄ν‹°λΈŒ μš”μ†Œμ—μ„œ AgmCircle 개체λ₯Ό κ°€μ Έμ˜¬ 수 μ—†μŠ΅λ‹ˆλ‹€.

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 )

약속은 Angular 4μ—μ„œ μ—¬μ „νžˆ μž‘λ™ν•˜μ§€ μ•Šμ§€λ§Œ 이것은 getBounds ν•¨μˆ˜λΏλ§Œ μ•„λ‹ˆλΌ 약속이 μ‹€ν–‰λ˜μ§€ μ•ŠλŠ” createMarker 와 같은 λ‹€λ₯Έ ν•¨μˆ˜μž…λ‹ˆλ‹€.

이 λ¬Έμ œλŠ” 졜근 ν™œλ™μ΄ μ—†μ—ˆκΈ° λ•Œλ¬Έμ— μžλ™μœΌλ‘œ 였래된 κ²ƒμœΌλ‘œ ν‘œμ‹œλ˜μ—ˆμŠ΅λ‹ˆλ‹€. 더 이상 ν™œλ™μ΄ λ°œμƒν•˜μ§€ μ•ŠμœΌλ©΄ νμ‡„λ©λ‹ˆλ‹€. κ·€ν•˜μ˜ 기여에 κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€.

μ—¬μ „νžˆ 같은 λ¬Έμ œκ°€ μžˆμŠ΅λ‹ˆλ‹€.

이 λ¬Έμ œλŠ” 졜근 ν™œλ™μ΄ μ—†μ—ˆκΈ° λ•Œλ¬Έμ— μžλ™μœΌλ‘œ 였래된 κ²ƒμœΌλ‘œ ν‘œμ‹œλ˜μ—ˆμŠ΅λ‹ˆλ‹€. 더 이상 ν™œλ™μ΄ λ°œμƒν•˜μ§€ μ•ŠμœΌλ©΄ νμ‡„λ©λ‹ˆλ‹€. κ·€ν•˜μ˜ 기여에 κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€.

μ§€κΈˆλ„ μ—¬μ „νžˆ 같은 λ¬Έμ œκ°€ μžˆλŠ”λ° λˆ„κ΅°κ°€κ°€ 문제λ₯Ό μΌμœΌμΌ°μŠ΅λ‹ˆκΉŒ?

μ™œ GoogleAPIWrapper의 getBoundsλ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆκΉŒ?

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰