지도 구성요소

지도 구성요소를 사용하여 맞춤화된 양방향 지도를 표시할 수 있습니다.

프로젝트에 지도 구성요소를 추가하는 방법:

1. 구성요소 패널에 이어 지도 폴더를 엽니다.
2. 지도 구성요소를 스테이지로 드래그합니다.
3. 속성 패널의 지도 속성 섹션에서 Google API 키 입력란에 Google Maps Platform API 키를 입력합니다.
4. 위도 및 경도 속성을 입력하여 지도의 기본 중심점을 설정합니다(Google 지도에서 장소의 좌표를 찾는 방법 알아보기). 사용자 위치 요청 체크박스를 선택하여 사용자에게 위치를 물어보고 지도에 표시할 수도 있습니다.
5. 지도에서 특정 장소에 마커를 표시하려면 검색어를 입력합니다.

속성

고급 속성

구성요소 속성 창의 고급 속성 옆에 있는 확장 아이콘 을 클릭하여 다음 고급 속성을 수정합니다.

속성	설명
퓨전 테이블 ID (지원 중단됨)	Google 퓨전 테이블은 2019년 12월 3일부터 더 이상 사용할 수 없습니다.
지도 프리미엄 고객 ID (지원 중단됨)	Google 지도 프리미엄 사용자를 위한 고객 ID입니다. Google 지도 프리미엄 요금제 고객은 현재 계약 만료 시 새로운 가격 요금제로 전환되며 Google Maps Platform API 키를 대신 사용해야 합니다. 동적 데이터에 결합될 수 있습니다.
검색 반경	지정된 위도와 경도 또는 사용자 위치를 중심으로 검색할 지역의 반경(미터)입니다. 1,000에서 50,000까지의 값이 허용됩니다. 동적 데이터에 결합될 수 있습니다.
최대 결과 개수	Google 퓨전 테이블 사용 시 사용자에게 표시되는 검색 결과의 최대 개수입니다. 동적 데이터에 결합될 수 있습니다.
기본 확대/축소	지도의 기본 확대/축소 수준입니다. 다음 목록은 각 확대/축소 수준에서 기대할 수 있는 세밀한 정도를 보여줍니다. 1 - 전 세계 5 - 대륙 10 - 도시 15 - 도로 20 - 건물 동적 데이터에 결합될 수 있습니다.
마커 아이콘	기본 마커를 대체하는 것으로 선택한 경우 맞춤 마커 아이콘의 URI입니다. 마커의 이미지 소스는 이 이미지 와 비슷한 스프라이트여야 합니다. 스프라이트에는 다음과 같은 순서로 두 개의 마커 아이콘이 필요합니다. 기본 마커 - 34x34 활성 마커(사용자가 마커를 선택하는 경우 표시됨) - (34,0)에서 시작, 34x34 동적 데이터에 결합될 수 있습니다.
위치 아이콘	기본 아이콘을 대체하기로 한 경우 사용자 위치 맞춤 아이콘의 URI입니다. 동적 데이터에 결합될 수 있습니다.
사용자 위치 확인 텍스트	사용자에게 위치를 확인하는 방식을 묻는 맞춤 텍스트입니다. 기본적으로 텍스트는 다음과 같습니다. 'How would you like us to get your position?'(사용자에게 GPS 선택 버튼 텍스트와 검색 선택 버튼 텍스트가 표시됨) 동적 데이터에 결합될 수 있습니다.
GPS 선택 버튼 텍스트	GPS를 사용하는 사용자 위치 검색 버튼을 위한 맞춤 텍스트입니다. 기본적으로 텍스트는 다음과 같습니다. 'Use GPS' 동적 데이터에 결합될 수 있습니다.
검색 선택 버튼 텍스트	사용자 위치 검색창 표시 버튼을 위한 맞춤 텍스트입니다. 기본적으로 텍스트는 다음과 같습니다. 'Enter address' 동적 데이터에 결합될 수 있습니다.
검색 메시지 텍스트	위치 검색 메시지를 위한 맞춤 텍스트입니다. 기본적으로 텍스트는 다음과 같습니다. 'Enter your address or zip code' 동적 데이터에 결합될 수 있습니다.
검색창 가이드 텍스트	검색창의 맞춤 자리표시자 텍스트입니다. 기본적으로 텍스트는 다음과 같습니다. 'Address or zip code' 동적 데이터에 결합될 수 있습니다.
위치 오류 텍스트	위치를 찾을 수 없을 때 표시되는 메시지를 위한 맞춤 텍스트입니다. 기본적으로 텍스트는 다음과 같습니다. 'Your location could not be determined. Please enter a valid address.' 동적 데이터에 결합될 수 있습니다.
결과 없음 텍스트	지정된 위치에 대한 지도 결과를 찾을 수 없을 때 표시되는 메시지를 위한 맞춤 텍스트입니다. 기본적으로 텍스트는 다음과 같습니다. 'No results found near you.' 동적 데이터에 결합될 수 있습니다.

이벤트와 액션

이벤트 구성 방법 알아보기