티스토리에 구글지도 넣기 _ 가운데 정렬, 크기 조절 등

ㅣ티스토리에 구글지도 넣는 방법

• 구글지도에서 목적지를 선택 한 후 공유를 누릅니다.

• 지도퍼가기로 가서 HTML 복사를 누릅니다.

• 티스토리로 돌아와서 중앙상단의 기본모드를 HTML로 변경합니다.

• 여기에 복사한 링크를 붙여넣기 합니다.
• 16번</ul>  (> 옆칸) 끝에서 엔터를 눌러 17번째 줄을 만들어 줍니다.

• 생성된 17번째 줄에 복사한 링크를 넣어줍니다.
• HTML 모드에서 기본모드로 변경합니다.

• 아래와 같이 구글지도가 만들어 졌습니다.

 

ㅣ 구글지도 가운데 정렬하는 방법

• 가운데 정렬을 위한 수식 입니다. <div align="center"></div>
• <div align="center">여기에 복사한 링크 붙여넣기</div>

• 아래와 같이 가운데 정렬된 지도가 보입니다.

 

ㅣ 구글지도 크기 변경 방법

• 지도에서 복사한 링크를 보면 width="600" height="450"가 있습니다.
• width는 가로  height는 세로라고 생각하시면 됩니다.
• width와 height의 숫자를 변경하시면 사이즈가 변경됩니다.
• width를 숫자가 아닌 100%로 변경할 경우 가로로 지도가 꽉 차게 됩니다.