๋ฌธ์ ์ค๋ช
<router-outlet>
๋ฅผ ํตํด ๋ก๋๋ ์ฌ๋ฌ ๊ตฌ์ฑ ์์๊ฐ ์๋ ์์ฉ ํ๋ก๊ทธ๋จ์ด ์์ต๋๋ค. ์ด๋ฌํ ๊ฐ ๊ตฌ์ฑ ์์์๋ ์ง๋๊ฐ ํฌํจ๋์ด ์์ต๋๋ค. ์ฆ, ๋งํฌ๋ฅผ ํด๋ฆญํ ๋๋ง๋ค <router-outlet>
์ Google ์ง๋๊ฐ ์์ฑ๋ฉ๋๋ค(ํ์ง๋ง ์ ํ๋ฆฌ์ผ์ด์
์๋ ํ ๋ฒ์ 1๊ฐ์ ์ง๋๋ง ์์).
๋งต์ด ์์ฑ๋ ๋๋ง๋ค DOM ์์์ ๋ง์ ์ด๋ฒคํธ ๋ฆฌ์ค๋๋ฅผ ์ถ๊ฐํ์ง๋ง ํ๊ดด๋ ๋ ์ ๊ฑฐํ์ง ์๋ ๊ฒ ๊ฐ์ต๋๋ค. ๊ทธ๋ฐ ๋ค์ ์ฌ๋ฌ ๋งํฌ๋ฅผ ๋ฐ๋ฅธ ํ ํนํ ์์ ์
๋ ฅ์ ์
๋ ฅํ ๋ ์์ฉ ํ๋ก๊ทธ๋จ์ด ๋งค์ฐ ๋๋ฆฝ๋๋ค.
๋ฒ๊ทธ์ธ์ง ์๋๋ฉด ์์ฉ ํ๋ก๊ทธ๋จ์์ ํ๋์ ๋งต๋ง ์ฌ์ฉํด์ผ ํ๋์ง, ์ด๊ณ ๋ซ๋ ๊ตฌ์ฑ ์์์ ๋ฐ๋ผ ๊ฐ์ ์ ๋ฐ์ดํธํด์ผ ํ๋์ง ์ ๋ชจ๋ฅด๊ฒ ์ต๋๋ค.
ํ์ฌ ํ๋
์ ํ๋ฆฌ์ผ์ด์
/์์ ์
๋ ฅ ์
๋ ฅ์ด ๋งค์ฐ ๋๋ฆฌ๊ณ ๋งต์์ ์์ฑ๋ ์ด๋ฒคํธ ๋ฆฌ์ค๋๊ฐ ์ ๊ฑฐ๋์ง ์์ต๋๋ค.
์์/์ํ๋ ํ๋
์ด๋ฒคํธ ๋ฆฌ์ค๋๋ฅผ ์ ๊ฑฐํด์ผ ํ๋ฉฐ ์ ํ๋ฆฌ์ผ์ด์
์ด ๋๋ ค์ง์ง ์์์ผ ํฉ๋๋ค.
angular2 ๋ฐ angular2-google-maps ๋ฒ์
Angular 2 rc5 ๋ฐ angular2-google-maps 0.12.2
์ด๋ฒคํธ ๋ฆฌ์ค๋๋ฅผ ์ ๊ฑฐํด์ผ ํ๋ฉฐ ์ ํ๋ฆฌ์ผ์ด์ ์ด ๋๋ ค์ง์ง ์์์ผ ํฉ๋๋ค.
์, ์ด๋ฒคํธ ๋ฆฌ์ค๋ ์ค ์ผ๋ถ๋ฅผ ์ ๊ฑฐํ ๊ฒ ๊ฐ์ง๋ง ๋ชจ๋ ๋ฆฌ์ค๋๋ฅผ ์ ๊ฑฐํ๋์ง ํ์คํ์ง ์์ต๋๋ค.
2) Google ์ง๋ ์ด๋ฒคํธ๋ฅผ ๊ตฌ๋ ํ๊ณ ์์ญ์์ ์ด๋ฏธ ์คํํ๊ณ ์์ผ๋ฏ๋ก Angular ์์ญ ์ธ๋ถ์์ Google ์ง๋ ํธ์ถ์ ์คํํด์ผ ํฉ๋๋ค. ์ด๊ฒ์ ๋ํ ์ฑ๋ฅ ํฅ์์ ์ ๊ณตํด์ผ ํฉ๋๋ค.
@gnujeremie์ ๋น์ทํ ๋ฌธ์ ๊ฐ ์์ต๋๋ค. ์ง๋๋ฅผ ๋ง๋ ๋ค์ ์ผ๋ถ ํด๋ฆฌ๋ผ์ธ์ ํ์ํ๋ฉด ์ง๋ ๊ตฌ์ฑ์์๊ฐ ์๋ ํ์ด์ง๋ก ์ด๋ํ ๋๊น์ง ๋ชจ๋ ๊ฒ์ด ์ ์งํ๋ฉ๋๋ค(๋ฌธ์ ์์ด ๋ค๋ฅธ ํด๋ฆฌ๋ผ์ธ ํ์ ๊ฐ์ ์ ํํ ์ ์์). ์ง๋๊ฐ ์๋ ํ์ด์ง๋ก ๋์๊ฐ๋ฉด ํ์ด์ง์ ์ง๋๊ฐ ๋งค์ฐ ๋๋ฆฌ๊ฒ ์๋ํฉ๋๋ค.
ํด๋ฆฌ๋ผ์ธ์ ํ์ํ์ง ์์ผ๋ฉด ๋ฌธ์ ๊ฐ ์ฌ๋ผ์ง๋๋ค.
๋๋ฅผ ์ํ ์์ ์๋ฃจ์ ์ ์ด ์์๋ฅผ ๊ฐ์์ฑ์์ ์ ์ญ์ ์ผ๋ก ์จ๊ธธ ์ ์์ผ๋ฏ๋ก ํ ๋ฒ๋ง ์์ฑ๋์ง๋ง ์ด์์ ์ด์ง๋ ์์ต๋๋ค...
์ด ๋ฌธ์ ๋ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ค๋๋ ๊ฒ์ผ๋ก ํ์๋์์ต๋๋ค. ๋ ์ด์ ํ๋์ด ์์ผ๋ฉด ํ์๋ฉ๋๋ค. ๊ทํ์ ๊ธฐ์ฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์, ์ด๋ฒคํธ ๋ฆฌ์ค๋ ์ค ์ผ๋ถ๋ฅผ ์ ๊ฑฐํ ๊ฒ ๊ฐ์ง๋ง ๋ชจ๋ ๋ฆฌ์ค๋๋ฅผ ์ ๊ฑฐํ๋์ง ํ์คํ์ง ์์ต๋๋ค.
2) Google ์ง๋ ์ด๋ฒคํธ๋ฅผ ๊ตฌ๋ ํ๊ณ ์์ญ์์ ์ด๋ฏธ ์คํํ๊ณ ์์ผ๋ฏ๋ก Angular ์์ญ ์ธ๋ถ์์ Google ์ง๋ ํธ์ถ์ ์คํํด์ผ ํฉ๋๋ค. ์ด๊ฒ์ ๋ํ ์ฑ๋ฅ ํฅ์์ ์ ๊ณตํด์ผ ํฉ๋๋ค.