Angular-google-maps: GoogleMapsAPIWrapper๋Š” ๊ณต๊ธ‰์ž๋กœ ์ „๋‹ฌ๋˜์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2017๋…„ 06์›” 07์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: SebastianM/angular-google-maps

๋ฌธ์ œ ์„ค๋ช…
๋‚ด ๊ตฌ์„ฑ ์š”์†Œ ์ค‘ ํ•˜๋‚˜์— GoogleMapsAPIWrapper๋ฅผ ์‚ฝ์ž…ํ•˜๋ ค๊ณ  ํ•  ๋•Œ ๋‚ด NgModule ๋˜๋Š” ๋‚ด NgComponent์— ๋ž˜ํผ๋ฅผ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์˜ˆ์ƒ๋œ ๋™์ž‘์ด ์•„๋‹Œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
์ด๊ฒƒ์ด Angular 4 ์„œ๋น„์Šค์ธ ๊ฒฝ์šฐ AgmCoreModule์„ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์–ด์•ผ ํ•˜๋ฉฐ ๋ชจ๋“ˆ์—์„œ ์ œ๊ณต์ž ๋ฐฐ์—ด์„ ์‚ฌ์šฉํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

๋ฌธ์ œ ์žฌํ˜„ ๋‹จ๊ณ„ ๋ฐ ์ตœ์†Œํ•œ์˜ ๋ฐ๋ชจ

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
constructor(googleMapsAPIWrapper: GoogleMapsAPIWrapper) { //

}
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    FormsModule,
    AgmCoreModule.forRoot()
  ],
  providers: [  ], //wrong
  bootstrap: [AppComponent]
})
export class AppModule { }

์œ„์˜ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
๋กœ ๋ณ€๊ฒฝํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
providers: [ GoogleMapsAPIWrapper ], bootstrap: [AppComponent]

์˜ˆ์ƒ/์›ํ•˜๋Š” ํ–‰๋™
๋ชจ๋“ˆ์— GoogleMapsAPIWrapper ๋ฅผ ์ œ๊ณตํ•  ํ•„์š”๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

angular2 ๋ฐ angular-google-maps ๋ฒ„์ „
๊ฐ: 4.1.3

agm/์ฝ”์–ด: 1.0.0-๋ฒ ํƒ€.0

๊ธฐํƒ€ ์ •๋ณด

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

@SebastianM ์ด ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ๋ญ”๊ฐ€ ๋น ์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ๋„์™€์ฃผ์„ธ์š”.

์•ฝ์†์ด ํ•ด๊ฒฐ๋˜์ง€ ์•Š๊ณ  25๋ฒˆ ๋ผ์ธ์ด ์•„๋ž˜ repo์˜ app.component.ts์—์„œ ์‹คํ–‰๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. (์ฝ˜์†”์— ์˜ค๋ฅ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค)

https://stackblitz.com/edit/agm-google-maps-api-wrapper-not-working

๋ชจ๋“  3 ๋Œ“๊ธ€

GoogleMapsAPIWraper๋Š” agm-map ์ธ์Šคํ„ด์Šค๊ฐ€ ์ƒ์„ฑ๋  ๋•Œ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์™„์ „ํžˆ ์˜๋„์ ์ž…๋‹ˆ๋‹ค. ๋งต๋‹น ํ•˜๋‚˜์˜ ์ธ์Šคํ„ด์Šค๋ฅผ ์œ ์ง€ํ•ฉ๋‹ˆ๋‹ค. ์ง€๋„์˜ ์ธ์Šคํ„ด์Šค๋ฅผ ๊ฐ€์ ธ์˜ค๋ ค๋ฉด ๋งž์ถค ๊ตฌ์„ฑ์š”์†Œ๋ฅผ ๋งŒ๋“ค๊ณ  ์ƒ์„ฑ์ž๋ฅผ ํ†ตํ•ด GoogleMapsAPIWrapper๋ฅผ ์‚ฝ์ž…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๋‚˜๋Š” ์ด๊ฒƒ์„ ๋‹ซ์Šต๋‹ˆ๋‹ค.

@SebastianM ๋‚ด๊ฐ€ ์ด๊ฒƒ์„ ์‹œ๋„ํ•˜๊ณ  ์‹ถ์€ ๋‹น์‹ ์˜ ๋ง์— ๋Œ€ํ•œ ์˜ˆ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

@SebastianM ์ด ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ทธ๋ ‡์ง€ ์•Š์œผ๋ฉด ๋ญ”๊ฐ€ ๋น ์ ธ ์žˆ์Šต๋‹ˆ๋‹ค. ๋„์™€์ฃผ์„ธ์š”.

์•ฝ์†์ด ํ•ด๊ฒฐ๋˜์ง€ ์•Š๊ณ  25๋ฒˆ ๋ผ์ธ์ด ์•„๋ž˜ repo์˜ app.component.ts์—์„œ ์‹คํ–‰๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. (์ฝ˜์†”์— ์˜ค๋ฅ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค)

https://stackblitz.com/edit/agm-google-maps-api-wrapper-not-working

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰