단일 지도 위젯

위젯 소개

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

시작에 앞서

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

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

위젯 설정

  1. 단일 지도위젯을 추가합니다. 위젯 추가방법
  2. 지도 설정을 엽니다. 위젯 설정 열기
  3. 다음 설정항목을 참고해 지도를 설정합니다.

설정항목

지도 종류 선택

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

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

표시할 위치 주소를 입력합니다.

  1. 주소의 전체 또는 일부를 입력하고 키보드 엔터(Enter)를 누릅니다. (예: 연희동 413-16)

  2. 주소 목록이 나타나면 하나를 선택합니다.
  3. 위치 정보가 반영되면 상세 주소를 추가 입력합니다. (예: 건물 층수나 호수 등)
  4. (필요한 경우) 핀의 위치를 변경합니다. 지도에서 위치를 더블클릭하고 적용 버튼을 누릅니다. (이미지 지도는 핀 설정이 불가합니다.)
정보

핀에 말풍선으로 표시될 정보를 입력합니다.

효과

기본 지도의 확대 정도와 유형을 설정할 수 있습니다.

옵션
  • 가로 100% 확장: 사이트 본문폭을 넘어 브라우저 끝까지 100% 확장됩니다.
  • 확대/축소 버튼 숨기기: 확대/축소 버튼을 숨깁니다.
  • 스트리트뷰 버튼 숨기기: 스트리트뷰 버튼을 숨깁니다.
  • 지도/위성 전환버튼 숨기기: 지도/위성 전환버튼을 숨깁니다.
  • 마우스 휠로 확대/축소 허용: 지도에서 마우스 휠로 확대/축소가 되는 것을 허용합니다.
  • 흑백 효과: 지도에 흑백 효과를 적용합니다.
    참고: Internet Explorer 등 일부 브라우저에서는 동작하지 않습니다.
목록으로