Angular-google-maps: NativeMap ๊ฐ์ฒด์—์„œ๋Š” ์†์„ฑ ์ปจํŠธ๋กค์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

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

๋ฌธ์ œ ์„ค๋ช…
์ด ํŠœํ† ๋ฆฌ์–ผ(Google Maps API ๋ฌธ์„œ)[https://developers.google.com/maps/documentation/javascript/examples/places-searchbox]์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ์ง€๋„์— ๊ฒ€์ƒ‰์ฐฝ์„ ์‚ฝ์ž…ํ•˜์—ฌ ์ฃผ์†Œ๋ฅผ ๊ฒ€์ƒ‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๋ฅผ ์œ„ํ•ด ์ €๋Š” NativeMap์„ ์–ป์—ˆ๊ณ  ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฒƒ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ž…๋ ฅ ์š”์†Œ๋ฅผ ๋งต์— ํ‘ธ์‹œํ–ˆ์Šต๋‹ˆ๋‹ค.

this.gmaps.getNativeMap().then(map => {
      let input = document.getElementById('my-search-box');
      let searchBox = new google.maps.places.SearchBox(input);
      map.controls[google.maps.ControlPosition.TOP_LEFT].push(input);
      searchBox.addListener('places_changed', () => this.placesChanged(searchBox));
    });

controls ๊ฐ€ ์ง€๋„์—์„œ ๋ฐ˜ํ™˜๋œ ๊ฐœ์ฒด์— ๋งคํ•‘๋˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ํ•ญ์ƒ ์˜ค๋ฅ˜ ๋ฉ”์‹œ์ง€๊ฐ€ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.
'GoogleMap' ์œ ํ˜•์— 'controls' ์†์„ฑ์ด ์—†์Šต๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ ์–ด์จŒ๋“  ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

controls ์†์„ฑ์„ ์‚ฌ์šฉํ•˜๋ฉด nativeMap์„ ์–ป์€ ํ›„์— ๋ฉ‹์ง„ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์œผ๋ฏ€๋กœ ๊ตฌํ˜„ํ•˜๋ฉด ํ–ฅํ›„ ๋ฆด๋ฆฌ์Šค์— ์œ ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

angular2 ๋ฐ angular2-google-maps ๋ฒ„์ „
angular2 - 2.0.0-rc.6
angular2-google-maps 0.14.0

PRs welcome! stale feature-request

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

๊ตฌํ˜„ํ•˜๋ฉด ์ •๋ง ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์š” :)

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

์ด ๋ฌธ์ œ์— ๋Œ€ํ•œ ์—…๋ฐ์ดํŠธ๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

btw, ๋…ธ๊ณ ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค!

๊ตฌํ˜„ํ•˜๋ฉด ์ •๋ง ์ข‹์„ ๊ฒƒ ๊ฐ™์•„์š” :)

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

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