구글 지도에서 제공하는 HTML 코드를 입력하면 지도를 표시할 수 있습니다.
구글 지도 소스 코드 복사하기
구글 지도에서 해당 주소를 입력하고 공유 아이콘을 클릭한 후, 지도 퍼가기에서 HTML 복사를 눌러주세요.
구글 지도 추가하기
① [식스샵 프로 > 웹사이트 > 테마 > 디자인 편집하기]로 이동해 주세요.
② 왼쪽 패널 섹션 글자 오른쪽 + 클릭하고 HTML 섹션을 추가해 주세요.
③ HTML 코드를 입력해 주세요.
공통 유형에 입력하거나, 기기별 선택하여 모바일/데스크톱 코드에 각각 입력할 수 있어요.
지도 사이즈 조정하기
width="값" height="값" 을 조정하여 크기를 변경할 수 있습니다.
모바일 가로 사이즈는 정해져 있어서 height="값" 을 조정하여 세로 사이즈를 변경할 수 있습니다.
예시)
<iframe src="https://www.google.com/maps/embed?지도정보" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
HTML
복사
HTML 섹션 안내서로 돌아가기
식스샵 프로 가이드로 돌아가기