카카오 지도에서 제공하는 소스 코드를 입력하여 지도를 표시할 수 있습니다.
카카오 지도 소스 코드 복사하기① 카카오 지도에서 표시할 주소를 입력하고 공유하기 > HTML 태그 복사 클릭
② 지도 크기 및 아이콘 선택 후 소스 생성하기 클릭
③ 이미지 지도 선택하고 소스 코드 복사
2번 과정에서 아래 기기별 추천 값을 참고하여 원하는 사이즈를 입력하고, 기기별로 다르게 추가할 수 있습니다.
•
모바일: 320 x 320
•
데스크톱: 1000 x 360
카카오 지도 추가하기① [식스샵 프로 > 웹사이트 > 테마 > 디자인 편집하기]로 이동해 주세요.
② 왼쪽 패널 섹션 글자 오른쪽 + 클릭하고 HTML 섹션을 추가해 주세요.
③ HTML 코드를 입력해 주세요.
공통에 입력하거나, 기기별 유형을 선택하여 모바일/데스크톱 코드에 각각 입력할 수 있어요.
모바일에서 가운데 정렬 설정하기
모바일 지도 코드에 아래 설정을 해주시면 지도가 가운데 정렬됩니다.<div style=" 뒤에 margin: 0 auto; 를 추가해 주세요.
예시)
<div style="margin: 0 auto;font:normal normal 400 12px/normal dotum, sans-serif; width:320px; height:352px; color:#333; position:relative"><div style="height: 320px;">...생략..지도 크게 보기</a></div></div></div>
HTML
복사
HTML 섹션 안내서로 돌아가기
식스샵 프로 가이드로 돌아가기