๋ฌธ์ ์ค๋ช
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 ๋ฒ์
์ต์ ๋ฒ์ .
๋ฒ๊ทธ๋ฅผ ํ์ํ๋ ค๋ฉด 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"๋ก ์ค์ ํฉ๋๋ค.
์ด ๋ฌธ์ ๋ ์ต๊ทผ ํ๋์ด ์์๊ธฐ ๋๋ฌธ์ ์๋์ผ๋ก ์ค๋๋ ๊ฒ์ผ๋ก ํ์๋์์ต๋๋ค. ๋ ์ด์ ํ๋์ด ๋ฐ์ํ์ง ์์ผ๋ฉด ํ์๋ฉ๋๋ค. ๊ทํ์ ๊ธฐ์ฌ์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
[disableDefaultUI]="true"
๋ถ๋ช ํ ์๋ํ์ง ์์ต๋๋ค.๋ค์์ ์ฌ์ฉํ์ฌ ์ปจํธ๋กค์ ํ๋์ฉ ๋นํ์ฑํํ์ฌ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ์ต๋๋ค.
[zoomControl]="false"
[streetViewControl]="false"