Angular-google-maps: ์—ฌ๋Ÿฌ ๊ตฌ์„ฑ ์š”์†Œ(routerLink๋ฅผ ํ†ตํ•ด)์—์„œ ํ˜ธ์ถœ๋œ ๋งต์ด ์•ฑ ์†๋„๋ฅผ ์ €ํ•˜์‹œํ‚ต๋‹ˆ๋‹ค.

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

๋ฌธ์ œ ์„ค๋ช…
<router-outlet> ๋ฅผ ํ†ตํ•ด ๋กœ๋“œ๋œ ์—ฌ๋Ÿฌ ๊ตฌ์„ฑ ์š”์†Œ๊ฐ€ ์žˆ๋Š” ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋Ÿฌํ•œ ๊ฐ ๊ตฌ์„ฑ ์š”์†Œ์—๋Š” ์ง€๋„๊ฐ€ ํฌํ•จ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค. ์ฆ‰, ๋งํฌ๋ฅผ ํด๋ฆญํ•  ๋•Œ๋งˆ๋‹ค <router-outlet> ์ƒˆ Google ์ง€๋„๊ฐ€ ์ƒ์„ฑ๋ฉ๋‹ˆ๋‹ค(ํ•˜์ง€๋งŒ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—๋Š” ํ•œ ๋ฒˆ์— 1๊ฐœ์˜ ์ง€๋„๋งŒ ์žˆ์Œ).
๋งต์ด ์ƒ์„ฑ๋  ๋•Œ๋งˆ๋‹ค DOM ์š”์†Œ์— ๋งŽ์€ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ถ”๊ฐ€ํ•˜์ง€๋งŒ ํŒŒ๊ดด๋  ๋•Œ ์ œ๊ฑฐํ•˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฐ ๋‹ค์Œ ์—ฌ๋Ÿฌ ๋งํฌ๋ฅผ ๋”ฐ๋ฅธ ํ›„ ํŠนํžˆ ์–‘์‹ ์ž…๋ ฅ์„ ์ž…๋ ฅํ•  ๋•Œ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์ด ๋งค์šฐ ๋Š๋ฆฝ๋‹ˆ๋‹ค.

๋ฒ„๊ทธ์ธ์ง€ ์•„๋‹ˆ๋ฉด ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์—์„œ ํ•˜๋‚˜์˜ ๋งต๋งŒ ์‚ฌ์šฉํ•ด์•ผ ํ•˜๋Š”์ง€, ์—ด๊ณ  ๋‹ซ๋Š” ๊ตฌ์„ฑ ์š”์†Œ์— ๋”ฐ๋ผ ๊ฐ’์„ ์—…๋ฐ์ดํŠธํ•ด์•ผ ํ•˜๋Š”์ง€ ์ž˜ ๋ชจ๋ฅด๊ฒ ์Šต๋‹ˆ๋‹ค.

ํ˜„์žฌ ํ–‰๋™
์• ํ”Œ๋ฆฌ์ผ€์ด์…˜/์–‘์‹ ์ž…๋ ฅ ์ž…๋ ฅ์ด ๋งค์šฐ ๋Š๋ฆฌ๊ณ  ๋งต์—์„œ ์ƒ์„ฑ๋œ ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๊ฐ€ ์ œ๊ฑฐ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์˜ˆ์ƒ/์›ํ•˜๋Š” ํ–‰๋™
์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ œ๊ฑฐํ•ด์•ผ ํ•˜๋ฉฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋Š๋ ค์ง€์ง€ ์•Š์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

angular2 ๋ฐ angular2-google-maps ๋ฒ„์ „
Angular 2 rc5 ๋ฐ angular2-google-maps 0.12.2

PRs welcome! stale discussion / question performance

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

์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ œ๊ฑฐํ•ด์•ผ ํ•˜๋ฉฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋Š๋ ค์ง€์ง€ ์•Š์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ, ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ ์ค‘ ์ผ๋ถ€๋ฅผ ์ œ๊ฑฐํ•œ ๊ฒƒ ๊ฐ™์ง€๋งŒ ๋ชจ๋“  ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ œ๊ฑฐํ–ˆ๋Š”์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

2) Google ์ง€๋„ ์ด๋ฒคํŠธ๋ฅผ ๊ตฌ๋…ํ•˜๊ณ  ์˜์—ญ์—์„œ ์ด๋ฏธ ์‹คํ–‰ํ•˜๊ณ  ์žˆ์œผ๋ฏ€๋กœ Angular ์˜์—ญ ์™ธ๋ถ€์—์„œ Google ์ง€๋„ ํ˜ธ์ถœ์„ ์‹คํ–‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋˜ํ•œ ์„ฑ๋Šฅ ํ–ฅ์ƒ์„ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

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

์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ œ๊ฑฐํ•ด์•ผ ํ•˜๋ฉฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์ด ๋Š๋ ค์ง€์ง€ ์•Š์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์˜ˆ, ์ด๋ฒคํŠธ ๋ฆฌ์Šค๋„ˆ ์ค‘ ์ผ๋ถ€๋ฅผ ์ œ๊ฑฐํ•œ ๊ฒƒ ๊ฐ™์ง€๋งŒ ๋ชจ๋“  ๋ฆฌ์Šค๋„ˆ๋ฅผ ์ œ๊ฑฐํ–ˆ๋Š”์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

2) Google ์ง€๋„ ์ด๋ฒคํŠธ๋ฅผ ๊ตฌ๋…ํ•˜๊ณ  ์˜์—ญ์—์„œ ์ด๋ฏธ ์‹คํ–‰ํ•˜๊ณ  ์žˆ์œผ๋ฏ€๋กœ Angular ์˜์—ญ ์™ธ๋ถ€์—์„œ Google ์ง€๋„ ํ˜ธ์ถœ์„ ์‹คํ–‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋˜ํ•œ ์„ฑ๋Šฅ ํ–ฅ์ƒ์„ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@gnujeremie์™€ ๋น„์Šทํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€๋„๋ฅผ ๋งŒ๋“  ๋‹ค์Œ ์ผ๋ถ€ ํด๋ฆฌ๋ผ์ธ์„ ํ‘œ์‹œํ•˜๋ฉด ์ง€๋„ ๊ตฌ์„ฑ์š”์†Œ๊ฐ€ ์—†๋Š” ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•  ๋•Œ๊นŒ์ง€ ๋ชจ๋“  ๊ฒƒ์ด ์ž˜ ์ง„ํ–‰๋ฉ๋‹ˆ๋‹ค(๋ฌธ์ œ ์—†์ด ๋‹ค๋ฅธ ํด๋ฆฌ๋ผ์ธ ํ‘œ์‹œ ๊ฐ„์— ์ „ํ™˜ํ•  ์ˆ˜ ์žˆ์Œ). ์ง€๋„๊ฐ€ ์žˆ๋Š” ํŽ˜์ด์ง€๋กœ ๋Œ์•„๊ฐ€๋ฉด ํŽ˜์ด์ง€์™€ ์ง€๋„๊ฐ€ ๋งค์šฐ ๋Š๋ฆฌ๊ฒŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

ํด๋ฆฌ๋ผ์ธ์„ ํ‘œ์‹œํ•˜์ง€ ์•Š์œผ๋ฉด ๋ฌธ์ œ๊ฐ€ ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค.

๋‚˜๋ฅผ ์œ„ํ•œ ์ž„์‹œ ์†”๋ฃจ์…˜์€ ์ด ์š”์†Œ๋ฅผ ๊ฐ€์‹œ์„ฑ์—์„œ ์ „์—ญ์ ์œผ๋กœ ์ˆจ๊ธธ ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ํ•œ ๋ฒˆ๋งŒ ์ƒ์„ฑ๋˜์ง€๋งŒ ์ด์ƒ์ ์ด์ง€๋Š” ์•Š์Šต๋‹ˆ๋‹ค...

์ด ๋ฌธ์ œ๋Š” ์ตœ๊ทผ ํ™œ๋™์ด ์—†์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ž๋™์œผ๋กœ ์˜ค๋ž˜๋œ ๊ฒƒ์œผ๋กœ ํ‘œ์‹œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋” ์ด์ƒ ํ™œ๋™์ด ์—†์œผ๋ฉด ํ์‡„๋ฉ๋‹ˆ๋‹ค. ๊ท€ํ•˜์˜ ๊ธฐ์—ฌ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค.

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