๋ฌธ์ ์ค๋ช
๋ด ๊ตฌ์ฑ ์์ ์ค ํ๋์ 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
๊ธฐํ ์ ๋ณด
GoogleMapsAPIWraper๋ agm-map ์ธ์คํด์ค๊ฐ ์์ฑ๋ ๋ ์์ฑ๋ฉ๋๋ค. ์ด๊ฒ์ ์์ ํ ์๋์ ์ ๋๋ค. ๋งต๋น ํ๋์ ์ธ์คํด์ค๋ฅผ ์ ์งํฉ๋๋ค. ์ง๋์ ์ธ์คํด์ค๋ฅผ ๊ฐ์ ธ์ค๋ ค๋ฉด ๋ง์ถค ๊ตฌ์ฑ์์๋ฅผ ๋ง๋ค๊ณ ์์ฑ์๋ฅผ ํตํด GoogleMapsAPIWrapper๋ฅผ ์ฝ์ ํ ์ ์์ต๋๋ค. ๊ทธ๋์ ๋๋ ์ด๊ฒ์ ๋ซ์ต๋๋ค.
@SebastianM ๋ด๊ฐ ์ด๊ฒ์ ์๋ํ๊ณ ์ถ์ ๋น์ ์ ๋ง์ ๋ํ ์๊ฐ ์์ต๋๊น?
@SebastianM ์ด ์๋ํ์ง ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋ ์ง ์์ผ๋ฉด ๋ญ๊ฐ ๋น ์ ธ ์์ต๋๋ค. ๋์์ฃผ์ธ์.
์ฝ์์ด ํด๊ฒฐ๋์ง ์๊ณ 25๋ฒ ๋ผ์ธ์ด ์๋ repo์ app.component.ts์์ ์คํ๋์ง ์์ต๋๋ค. (์ฝ์์ ์ค๋ฅ๊ฐ ์์ต๋๋ค)
https://stackblitz.com/edit/agm-google-maps-api-wrapper-not-working
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
@SebastianM ์ด ์๋ํ์ง ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋ ์ง ์์ผ๋ฉด ๋ญ๊ฐ ๋น ์ ธ ์์ต๋๋ค. ๋์์ฃผ์ธ์.
์ฝ์์ด ํด๊ฒฐ๋์ง ์๊ณ 25๋ฒ ๋ผ์ธ์ด ์๋ repo์ app.component.ts์์ ์คํ๋์ง ์์ต๋๋ค. (์ฝ์์ ์ค๋ฅ๊ฐ ์์ต๋๋ค)
https://stackblitz.com/edit/agm-google-maps-api-wrapper-not-working