단일 지도 위젯
위젯 소개
사용자에게 위치 정보를 알려주고자 할 때 사용합니다. 주로 찾아오시는 길 또는 Contact 메뉴 등에 많이 활용됩니다.
시작에 앞서
지도 기능이 포함된 위젯을 사용하려면 앞서 지도 API 설정을 완료해야 합니다.
- 네이버 지도를 주로 사용한다면? 네이버 지도 API 설정하기
- 구글 지도를 주로 사용한다면? Google 지도 API 설정방법
위젯 설정
- 단일 지도 위젯을 추가합니다.
- 지도 설정을 엽니다.
- 다음 설정항목을 참고해 지도를 설정합니다.
설정항목
지도 종류 선택
네이버 지도, Google 지도 중 하나를 선택할 수 있습니다.
주의: 지도를 사용하려면
네이버 지도 또는
Google 지도 API 설정을 마쳐야 합니다. 위
시작에 앞서 항목을 참고해 주세요.
주소 설정
표시할 위치 주소를 입력합니다.
- 주소의 전체 또는 일부를 입력하고 키보드 엔터(Enter)를 누릅니다. (예: 연희동 413-16)
- 주소 목록이 나타나면 하나를 선택합니다.
- 위치 정보가 반영되면 상세 주소를 추가 입력합니다. (예: 건물 층수나 호수 등)
- (필요한 경우) 핀의 위치를 변경합니다. 지도에서 위치를 더블클릭하고 적용 버튼을 누릅니다.
정보
핀에 말풍선으로 표시될 정보를 입력합니다.
효과
기본 지도의 확대 정도와 유형을 설정할 수 있습니다.
옵션
- 가로 100% 확장: 사이트 본문폭을 넘어 브라우저 끝까지 100% 확장됩니다.
- 확대/축소 버튼 숨기기: 확대/축소 버튼을 숨깁니다.
- 스트리트뷰 버튼 숨기기: 스트리트뷰 버튼을 숨깁니다.
- 지도/위성 전환버튼 숨기기: 지도/위성 전환버튼을 숨깁니다.
- 마우스 휠로 확대/축소 허용: 네이버 지도에서 마우스 휠로 확대/축소가 되는 것을 허용합니다.
- 흑백 효과: 지도에 흑백 효과를 적용합니다.
참고: Internet Explorer 등 일부 브라우저에서는 동작하지 않습니다.