단일 지도 위젯

위젯 소개

사용자에게 위치 정보를 알려주고자 할 때 사용합니다. 주로 찾아오시는 길 또는 Contact 메뉴 등에 많이 활용됩니다.

시작에 앞서

지도 기능이 포함된 위젯을 사용하려면 앞서 지도 API 설정을 완료해야 합니다.

  • 구글 지도를 주로 사용한다면? Google 지도 API 설정방법
  • 네이버 지도의 경우 서비스가 종료되어 더이상 새롭게 이용이 어렵습니다. (이전에 이미 API를 신청하여 이용 중이신 경우 계속 이용 가능)

위젯 설정

  1. 단일 지도위젯을 추가합니다. 위젯 추가방법
  2. 지도 설정을 엽니다. 위젯 설정 열기
  3. 지도 종류를 선택합니다.
    이미지 지도, 네이버 지도, 구글 지도 중 하나를 선택할 수 있습니다.
    이미지 지도 설정 방법은 다음 문서를 참고해 주세요. (이미지 지도 설정하기)

설정항목

지도 종류 선택

이미지 지도, Google 지도 중 하나를 선택할 수 있습니다.

주의
- 구글 지도를 사용하려면 Google 지도 API 설정을 마쳐야 합니다. 위 시작에 앞서 항목을 참고해 주세요.
- 네이버 지도의 경우 서비스가 종료되어 더이상 새롭게 이용이 어렵습니다.(이전에 이미 API를 신청하여 이용 중이신 경우 계속 이용 가능)
주소 설정

지도의 위치를 설정합니다.

  • 주소: 주소의 전체 또는 일부를 입력하면 주소 목록이 나타납니다. 목록에서 정확한 주소를 선택합니다.
  • 상세 주소: 위치 정보가 반영되면 상세 주소를 추가로 입력합니다. (예: 건물 층수나 호수 등)
설명

지도 위에 노출될 텍스트 정보를 입력합니다.

  • 위치: 위치에 대한 정보를 입력하면 지도 위에 제목으로 표시됩니다.
  • 추가 정보: 위치에 대한 부가 정보를 입력하면 설명으로 함께 표시됩니다.

지도의 핀 색상을 선택할 수 있습니다. 다양한 색상 중 원하는 색상을 클릭해 지정할 수 있습니다.

표시 옵션
  • 스타일: 지도 또는 위성 스타일을 선택할 수 있습니다.
  • 거리 확대·축소: 지도의 기본 확대 수준을 숫자로 설정할 수 있습니다.
  • 확대·축소 버튼 숨기기: 확대/축소 버튼을 숨깁니다.
  • 지도·위성 전환 버튼 숨기기: 지도/위성 전환 버튼을 숨깁니다.
  • 마우스 휠로 확대·축소 허용: 사용자가 마우스 휠로 지도를 확대/축소할 수 있도록 설정합니다.
효과
  • 흑백 지도: 지도에 흑백 효과를 적용합니다.
참고: Internet Explorer 등 일부 브라우저에서는 흑백 지도 효과가 적용되지 않을 수 있습니다.


목록으로