Angular-google-maps: disableDefaultUI ๋ฐ disableDoubleClickZoom์ด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

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

๋ฌธ์ œ ์„ค๋ช…

disableDefaultUI๋ฅผ ๋น„ํ™œ์„ฑํ™”ํ•˜๊ณ  DoubleClickZoom์„ ๋น„ํ™œ์„ฑํ™”ํ•˜๋ ค๊ณ ํ•˜์ง€๋งŒ iOS ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์™€ ionic ์„œ๋ฒ„์—์„œ ๋‘ ๊ธฐ๋Šฅ ๋ชจ๋‘ ์—ฌ์ „ํžˆ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

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

ํŠœํ† ๋ฆฌ์–ผ์— ๋”ฐ๋ผ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑํ•˜์ง€๋งŒ disableDefaultUI ๋ฐ disableDoubleClickZoom ๋ณ€์ˆ˜๊ฐ€ ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
title: string = 'My first angular2-google-maps project'; zoom: number = 16; lat:number = 13.0476421; lng: number = 11.6865258; disDoubleClickZoom: boolean = true; disDefaultUI: boolean =true;

HTML :
<sebm-google-map [latitude]="lat" [longitude]="lng" [styles]="map_features" [zoom]="zoom" [disableDoubleClickZoom]="disDoubleClickZoom" [disableDefaultUI]="disDefaultUI"> <sebm-google-map-marker [latitude]="lat" [longitude]="lng"></sebm-google-map-marker> </sebm-google-map>

ํ˜„์žฌ ํ–‰๋™

๋ถ€์šธ์€ HTML์—์„œ์ง€๋„๋กœ ์ „๋‹ฌ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

์˜ˆ์ƒ / ์›ํ•˜๋Š” ํ–‰๋™

๋ถ€์šธ์€์ง€๋„์™€ ๊ธฐ๋ณธ UI๋กœ ์ „๋‹ฌ๋˜์–ด์•ผํ•˜๋ฉฐ ๋”๋ธ” ํด๋ฆญ์ด ๋น„ํ™œ์„ฑํ™”๋˜์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

angular2 ๋ฐ angular-google-maps ๋ฒ„์ „

์ตœ์‹  ๋ฒ„์ „.

important AgmMap bug

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

[disableDefaultUI]="true" ๋ถ„๋ช…ํžˆ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ปจํŠธ๋กค์„ ํ•˜๋‚˜์”ฉ ๋น„ํ™œ์„ฑํ™”ํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.
[zoomControl]="false"
[streetViewControl]="false"

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

๋ฒ„๊ทธ๋ฅผ ํ‘œ์‹œํ•˜๋ ค๋ฉด Plunkr๋ฅผ ๋งŒ๋“œ์‹ญ์‹œ์˜ค. ์ฝ”๋“œ / ๋ฐ”์ธ๋”ฉ์ด ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ๋ณด์ž…๋‹ˆ๋‹ค.

[disableDefaultUI]="false" ์—์„œ [disableDefaultUI]="true" ๋กœ ์ „ํ™˜ํ•˜๋Š” ๊ฒƒ๋„ ๋‚˜์—๊ฒŒ ์˜ํ–ฅ์„ ๋ฏธ์น˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
๋ฐ˜๋ฉด์— [streetViewControl]="false" ๋Š” ์ •์ƒ์ ์œผ๋กœ ์ž‘๋™ํ•˜๊ณ  ์˜ˆ์ƒ๋Œ€๋กœ ์ŠคํŠธ๋ฆฌํŠธ ๋ทฐ ๋ฒ„ํŠผ์„ ์ˆจ ๊น๋‹ˆ๋‹ค.

์‚ฌ๋žŒ๋“ค์€์ด ๋ฌธ์ œ๋ฅผ 3 ์›” 31 ์ผ https://gitter.im/SebastianM/angular2-google-maps ์—์„œ๋„๋ณด๊ณ ํ–ˆ์Šต๋‹ˆ๋‹ค.

@vkniazeu ์ง€๋„๋ฅผ ํŒŒ๊ดดํ•˜๊ณ  ๋‹ค์‹œ ๋งŒ๋“ค์ง€ ์•Š๊ณ  ๋น„ํ™œ์„ฑํ™” ๋œ ๊ฒฝ์šฐ ๊ธฐ๋ณธ UI๋ฅผ ํ™œ์„ฑํ™” ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค (Google ์ œํ•œ ์‚ฌํ•ญ). AGM์ด์ด๋ฅผ ์„ค๋ช…ํ•˜๊ณ  ์ž๋™์œผ๋กœ ํŒŒ๊ดด / ์žฌ์ƒ์„ฑํ• ์ง€ ์—ฌ๋ถ€๋Š” ์œ ์ง€ ๊ด€๋ฆฌ์ž์—๊ฒŒ ๋‹ฌ๋ ค ์žˆ์ง€๋งŒ, ์ด ์ฃผ์„์—์„œ ๋ณ€๊ฒฝํ•˜๋Š” ๋ฐ ๊ด€์‹ฌ์ด ์—†๋‹ค๊ณ  ์ถ”์ธก ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ทธ๋Ÿฌ๋‚˜ disableDefaultUI ๋ฌธ์ œ๋ฅผ ์žฌํ˜„ ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์ฒ˜์Œ์— true ์„ค์ •๋˜์–ด ์žˆ์–ด๋„ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

@ 0x62 ํ™•์ธ ํ•ด์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.
๋งต์ด ์ด๋ฏธ ์ƒ์„ฑ ๋œ ํ›„ ํ† ๊ธ€์„ ๋งํ•˜๋Š” ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค. ์ฒ˜์Œ์—๋Š” ๊ฐ’์„ "true"๋กœ ์„ค์ •ํ•ด๋„ ์•„๋ฌด๋Ÿฐ ํšจ๊ณผ๊ฐ€ ์—†์—ˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋ฆฌ๊ณ  ์‹ค์ œ๋กœ ๋งต์˜ ์–ธ์–ด์™€ ๊ฐ™์ด ์ด๋Ÿฌํ•œ ๊ฐ’์˜ ๋™์  ๋ณ€๊ฒฝ์„ ์œ„ํ•ด์„œ๋Š” ์„ค๊ณ„ ์ƒ ์ดํ•ดํ•˜๊ธฐ ์‰ฌ์šด AGM ์ปจํ…Œ์ด๋„ˆ๋ฅผ ๋‹ค์‹œ ๋งŒ๋“ค์–ด์•ผํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋˜ํ•œ draggable ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ์ง€๋งŒ ์†Œ์Šค๋ฅผ ์‚ดํŽด๋ณด๋ฉด ์‹ค์ œ ์†์„ฑ์ด

์—ฌ๊ธฐ์—๋„ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. [disableDefaultUI]="true" ์€ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

[disableDefaultUI]="true" ์— ๋Œ€ํ•ด์„œ๋„ ๋™์ผํ•ฉ๋‹ˆ๋‹ค. ๊ด€๋ จ ๋‰ด์Šค๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ?

๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ•˜์ง€๋„ ์•Š์Šต๋‹ˆ๋‹ค. ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ์•˜์Šต๋‹ˆ๊นŒ?

[disableDefaultUI]="true" ๋ถ„๋ช…ํžˆ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ์„ ์‚ฌ์šฉํ•˜์—ฌ ์ปจํŠธ๋กค์„ ํ•˜๋‚˜์”ฉ ๋น„ํ™œ์„ฑํ™”ํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.
[zoomControl]="false"
[streetViewControl]="false"

[disableDefaultUI] = "false"์—์„œ [disableDefaultUI] = "true"๋กœ ์ „ํ™˜ํ•ด๋„ ๋‚˜์—๊ฒŒ ์˜ํ–ฅ์„ ๋ฏธ์น˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
ํ™•๋Œ€ / ์ถ•์†Œ ์˜ต์…˜ (๋”ํ•˜๊ธฐ ๋ฐ ๋นผ๊ธฐ ๋ฒ„ํŠผ)์„ ์ œ๊ฑฐํ•˜๋ ค๋ฉด [zoomControl] ์˜ต์…˜์„ ์‚ฌ์šฉํ•˜๊ณ  "false"๋กœ ์„ค์ •ํ•˜์‹ญ์‹œ์˜ค.
์ŠคํŠธ๋ฆฌํŠธ ๋ทฐ๋ฅผ ์ œ๊ฑฐํ•˜๋ ค๋ฉด [streetViewControl] ์˜ต์…˜์„ ์‚ฌ์šฉํ•˜๊ณ  "false"๋กœ ์„ค์ •ํ•ฉ๋‹ˆ๋‹ค.

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

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